/* ============================================================
   ERadius · Carbon D1 — стильовий шар поверх styles.css/refine.css
   Рішення власника 16–17.09: IBM Carbon, темна тема Gray 100.
   Оборотність: видалення цього файла + <link> повертає старий вигляд.
   Канон: радіус 0; IBM Plex Sans; заголовок 300; шари #161616→#262626→#393939;
   без тіней (крім плаваючого); зазор 1px; акцент один #0f62fe (dark: #4589ff).
   ============================================================ */

@font-face{font-family:"IBM Plex Sans";src:url("vendor/plex/IBMPlexSans-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("vendor/plex/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("vendor/plex/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("vendor/plex/IBMPlexSans-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

/* ---------- Токени Carbon ---------- */
/* html[data-theme="light"] у селекторі обов'язковий: refine.css задає
   світлі --accent-* саме таким селектором (0,1,1), і сам :root (0,1,0)
   його не переб'є — кнопки лишались би на старому #1456D9. */
:root,html[data-theme="light"]{
  /* Carbon White (світла) */
  --cds-background:#f4f4f4;
  --cds-layer:#ffffff;
  --cds-layer-accent:#e0e0e0;
  --cds-border:#e0e0e0;
  --cds-border-strong:#8d8d8d;
  --cds-text:#161616;
  --cds-text-secondary:#525252;
  --cds-accent:#0f62fe;
  --cds-accent-hover:#0353e9;
  --cds-on-accent:#ffffff;
  --cds-support-error:#da1e28;
  --cds-support-success:#198038;
  --cds-support-warning:#b28600;

  /* міст у токени застосунку */
  --bg:var(--cds-background);
  --bg-soft:var(--cds-background);
  --panel:var(--cds-layer);
  --panel-raised:var(--cds-layer-accent);
  --rail:var(--cds-layer);
  --ink:var(--cds-text);
  --muted:var(--cds-text-secondary);
  --line:var(--cds-border);
  --blue:var(--cds-accent);
  --copper:var(--cds-accent);
  --on-copper:var(--cds-on-accent);
  --green:var(--cds-support-success);
  --amber:var(--cds-support-warning);
  --danger:var(--cds-support-error);
  --shadow:none;
  /* міст у другу сім'ю токенів refine.css (--accent-*), інакше кнопки,
     вкладки й фокусні кільця лишаються на старій палітрі #1456D9 */
  --accent:var(--cds-accent);
  --accent-solid:var(--cds-accent);
  --accent-brand:var(--cds-accent);
  --accent-hover:var(--cds-accent-hover);
  --accent-quiet:rgba(15,98,254,.10);
  --accent-ring:rgba(15,98,254,.35);
  --accent-rgb:15, 98, 254;
  --border-focus:var(--cds-accent);
  font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="dark"]{
  --cds-background:#161616;
  --cds-layer:#262626;
  --cds-layer-accent:#393939;
  --cds-border:#393939;
  --cds-border-strong:#6f6f6f;
  --cds-text:#f4f4f4;
  --cds-text-secondary:#c6c6c6;
  --cds-accent:#4589ff;          /* Blue 40 на темній поверхні */
  --cds-accent-hover:#78a9ff;
  --cds-on-accent:#161616;
  --cds-support-error:#fa4d56;
  --cds-support-success:#42be65;
  --cds-support-warning:#f1c21b;

  --bg:var(--cds-background);
  --bg-soft:rgba(255,255,255,.04);
  --panel:var(--cds-layer);
  --panel-raised:var(--cds-layer-accent);
  --rail:var(--cds-layer);
  --ink:var(--cds-text);
  --muted:var(--cds-text-secondary);
  --line:var(--cds-border);
  --line-strong:var(--cds-border-strong);
  --blue:var(--cds-accent);
  --copper:var(--cds-accent);
  --on-copper:var(--cds-on-accent);
  --green:var(--cds-support-success);
  --amber:var(--cds-support-warning);
  --danger:var(--cds-support-error);
  --shadow:none;
  --shadow-raised:none;
  --shadow-float:0 8px 24px rgba(0,0,0,.5); /* лише плаваюче */
  /* міст у другу сім'ю токенів refine.css — темні значення */
  --accent:var(--cds-accent);
  --accent-solid:var(--cds-accent);
  --accent-brand:var(--cds-accent);
  --accent-hover:var(--cds-accent-hover);
  --accent-quiet:rgba(69,137,255,.12);
  --accent-ring:rgba(69,137,255,.35);
  --accent-rgb:69, 137, 255;
  --border-focus:var(--cds-accent);
}

/* ---------- Геометрія: радіус 0 скрізь ---------- */
body *, body *::before, body *::after{ border-radius:0 !important; }
/* виняток: аватари людей лишаються колом — це семантика, не декор */
.avatar, .avatar *{ border-radius:50% !important; }

/* ---------- Типографіка ---------- */
body{
  font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  /* гасимо radial-gradient зі styles.css:423 — глибина в Carbon шарами, не світінням */
  background:var(--cds-background) !important;
  letter-spacing:.16px;
}
h1,.page-title{ font-weight:300 !important; font-family:"IBM Plex Sans",sans-serif !important; letter-spacing:0 !important; }
h2,h3{ font-weight:600; }
b,strong{ font-weight:600; }
small,.caption,.muted{ font-size:12px; letter-spacing:.32px; }
body{ font-size:14px; letter-spacing:.16px; }
table{ font-variant-numeric:tabular-nums; }

/* ---------- Поверхні й тіні ---------- */
.card,.panel,.widget,.modal,.dialog{ box-shadow:none; border:1px solid var(--cds-border); }
.more-menu,[role="menu"],.dropdown,.popover,dialog[open]{ box-shadow:var(--shadow-float,0 8px 24px rgba(0,0,0,.5)); }