/* ReskueDesk brand tokens. Source of truth: brand/tokens.json */

@font-face { font-family: "Hanken Grotesk"; font-weight: 400; font-style: normal; font-display: swap; src: url("./fonts/HankenGrotesk-400.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-weight: 500; font-style: normal; font-display: swap; src: url("./fonts/HankenGrotesk-500.woff2") format("woff2"); }
@font-face { font-family: "Hanken Grotesk"; font-weight: 600; font-style: normal; font-display: swap; src: url("./fonts/HankenGrotesk-600.woff2") format("woff2"); }

:root, [data-theme="light"] {
  --pine: #1F4D45;
  --on-pine: #F6F7F4;
  --ink: #16201E;
  --muted: #55655F;
  --paper: #F6F7F4;
  --surface: #FFFFFF;
  --mint: #D9EAE2;
  --sky: #A8D0E1;
  --line: #D5DED9;
  --marigold: #EBB453;
  --brick: #A9412C;
  --shadow-lift: 0 1px 2px rgba(22,32,30,0.06), 0 8px 24px rgba(22,32,30,0.08);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pine: #6DBBA3; --on-pine: #111917; --ink: #E8EFEB; --muted: #97A8A2;
    --paper: #111917; --surface: #1A2421; --mint: #24433B; --sky: #3D7189;
    --line: #2A3632; --marigold: #E2A93F; --brick: #E28A72;
    --shadow-lift: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --pine: #6DBBA3; --on-pine: #111917; --ink: #E8EFEB; --muted: #97A8A2;
  --paper: #111917; --surface: #1A2421; --mint: #24433B; --sky: #3D7189;
  --line: #2A3632; --marigold: #E2A93F; --brick: #E28A72;
  --shadow-lift: 0 1px 2px rgba(0,0,0,0.4), 0 8px 24px rgba(0,0,0,0.35);
  color-scheme: dark;
}

:root {
  --font-sans: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;

  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;

  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 20px; --radius-mark: 26%; --radius-pill: 999px;

  /* Type scale: size / line-height / weight / tracking */
  --type-display: 600 52px/56px var(--font-sans);  --track-display: -0.02em;
  --type-h1: 600 36px/42px var(--font-sans);       --track-h1: -0.015em;
  --type-h2: 600 26px/32px var(--font-sans);       --track-h2: -0.01em;
  --type-h3: 600 20px/28px var(--font-sans);
  --type-body: 400 17px/26px var(--font-sans);
  --type-body-strong: 600 17px/26px var(--font-sans);
  --type-small: 400 14px/20px var(--font-sans);
  --type-label: 500 13px/18px var(--font-sans);
}