@font-face {
  font-family: 'Inter';
  src: url('../font/inter-400.da03732a27e1.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../font/inter-500.51205681a1ba.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../font/inter-600.2ede57db1a3a.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../font/inter-700.8ca0a5155296.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {

  --accent: #18181b;
  --accent-dark: #27272a;
  --accent-soft: #52525b;
  --accent-pale: #a1a1aa;
  --accent-light: #e4e4e7;
  --accent-wash: #f1f1f3;

  --red-accent: #dc2626;
  --red-accent-dark: #b91c1c;
  --red-deep: #991b1b;
  --red-pale: #fca5a5;
  --red-border: #fecaca;
  --red-light: #fef2f2;

  --ink: #18181b;
  --text-primary: #27272a;
  --text-secondary: #52525b;
  --text-tertiary: #a1a1aa;

  --white: #ffffff;
  --light-grey: #fafafa;
  --hover-grey: #f4f4f5;
  --border: #e4e4e7;

  --success: #16a34a;
  --warning: #f59e0b;
  --error: #dc2626;
  --up-soft: #dcfce7;
  --down-soft: #fee2e2;

  --font-family: 'Inter', sans-serif;

  --toolbar-h: 40px;
  --toolbar-control-h: 28px;

  --radius: 10px;
  --btn-radius: 8px;
  --menu-item-radius: 6px;
  --panel-radius: 16px;

  --fs-10: 10px;
  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-28: 28px;

  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;

  --shadow-panel: 0 1px 2px rgba(15, 23, 42, 0.04);

  /* 1px accent edge + 2px light halo — matches .kpi-card--selected */
  --ring-selected: 0 0 0 1px var(--red-accent), 0 0 0 3px var(--red-light);
  /* 2px light halo only — for elements that already draw a red edge via border */
  --ring-halo: 0 0 0 2px var(--red-light);

  --col-xs: 40px;
  --col-sm: 88px;
  --col-md: 105px;
  --col-lg: 160px;
  --col-xl: 220px;
  --col-label: 200px;

}