/* TransferDesk design tokens. The only place colours, spacing and type sizes are defined (docs/REDESIGN.md §4.1).
   The look: soft stone surfaces, deep emerald for action, lime only on ink (dark) surfaces. */
:root {
  /* Surfaces */
  --bg: #F5F6F3;
  --surface: #FFFFFF;
  --surface-2: #F8F9F7;
  --surface-3: #F0F2EE;
  --border: #E4E7E2;
  --border-strong: #CED3CC;

  /* Text */
  --text: #0E1513;
  --text-2: #48524D;
  --text-3: #6F7873;

  /* One accent: deep emerald */
  --accent: #0E6B54;
  --accent-hover: #0A5643;
  --accent-soft: #E8F3EE;
  --accent-border: #BFDCCF;
  --on-accent: #FFFFFF;

  /* Lime: a highlight for ink surfaces only (never text on white) */
  --lime: #C6EF5A;
  --lime-soft: rgba(198, 239, 90, 0.14);
  --on-lime: #0B1210;

  /* Ink: the dark surfaces (landing hero, sign-in panel, call to action) */
  --ink: #0B1210;
  --ink-2: #111A17;
  --ink-3: #1A2521;
  --ink-border: #24302B;
  --ink-text: #E6ECE9;
  --ink-muted: #8F9C96;
  --ink-line: rgba(255, 255, 255, 0.08);
  --ink-fill: rgba(255, 255, 255, 0.04);
  --ink-glow: rgba(30, 158, 106, 0.30);
  --lime-hover: #D3F57D;

  /* Sidebar (light) */
  --sidebar-bg: #FFFFFF;
  --sidebar-text: #2A332F;
  --sidebar-muted: #6F7873;
  --sidebar-active: #E8F3EE;
  --sidebar-hover: #F3F5F2;
  --sidebar-border: #E4E7E2;
  --sidebar-strong: #0E1513;
  --scrim: rgba(11, 18, 16, 0.45);

  /* Status tones: text, background, border */
  --ok: #08704A;         --ok-bg: #EBF7F0;         --ok-border: #B4E2C8;
  --warn: #9A4A06;       --warn-bg: #FEF6E7;       --warn-border: #F6D7A0;
  --danger: #B42318;     --danger-bg: #FDF1EF;     --danger-border: #F6CBC5;
  --info: #1F5B9E;       --info-bg: #EEF5FC;       --info-border: #C2DAF2;
  --muted: #48524D;      --muted-bg: #F0F2EE;      --muted-border: #E1E5DF;
  --restricted: #5B3CC4; --restricted-bg: #F4F2FD; --restricted-border: #D8D1F7;

  /* Status tones as solid fills, for bars, dots and charts */
  --ok-fill: #1E9E6A;
  --warn-fill: #E39B2D;
  --danger-fill: #E0533F;
  --info-fill: #3B82C9;
  --muted-fill: #A3ACA7;
  --restricted-fill: #7C5CE0;

  /* Chart series: one family, emerald first */
  --c1: #0E6B54;
  --c2: #5FB49C;
  --c3: #A9CF3A;
  --c4: #E0A43A;
  --c5: #6E7FD6;
  --c6: #D9644A;
  --c7: #8A938F;

  /* Spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-7: 32px;
  --s-8: 48px;

  /* Radius */
  --r-sm: 6px;
  --r: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(14, 21, 19, 0.04);
  --shadow-sm: 0 1px 3px rgba(14, 21, 19, 0.07), 0 1px 2px rgba(14, 21, 19, 0.04);
  --shadow-md: 0 6px 16px -6px rgba(14, 21, 19, 0.12), 0 2px 4px -2px rgba(14, 21, 19, 0.05);
  --shadow-lg: 0 18px 40px -12px rgba(14, 21, 19, 0.18), 0 4px 8px -4px rgba(14, 21, 19, 0.06);

  /* Type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-base: 14px;
  --fs-md: 15px;
  --fs-lg: 18px;
  --fs-xl: 20px;
  --fs-2xl: 26px;
  --fs-3xl: 30px;
  --fs-4xl: 40px;

  /* Layout */
  --sidebar-w: 256px;
  --topbar-h: 60px;
  --content-max: 1320px;
  --focus: 0 0 0 3px rgba(14, 107, 84, 0.22);
}