/* Generated by shared/heart_design from tokens.json: edit that and run `make design`.

   Ink is the default. An element picks a preset with data-preset="forge|ink|utility|ember"
   and follows the OS brightness unless data-theme="light|dark" pins it, on :root or on the
   element that carries data-preset. --on-destructive is derived: the surface in light,
   onAccent in dark. */

:root {
  --radius-control: 8px;
  --radius-card: 12px;
}

:root,
[data-preset="ink"] {
  --ground: #FFFFFF;
  --surface: #FFFFFF;
  --fill: #F4F1EA;
  --ink: #1A1815;
  --muted: #5D584E;
  --faint: #948F85;
  --border: #E2DED4;
  --accent: #1F4EC8;
  --on-accent: #FFFFFF;
  --accent-ink: #1B43A8;
  --destructive: #9E2B25;
  --on-destructive: #FFFFFF;
  --font-text: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-title: 'Literata', Georgia, serif;
  --font-display: 'Literata', Georgia, serif;
  --headline-size: 30px;
  --headline-weight: 600;
  color-scheme: light;
}

[data-preset="forge"] {
  --ground: #FFFFFF;
  --surface: #FFFFFF;
  --fill: #F2F3E8;
  --ink: #14160D;
  --muted: #5B6055;
  --faint: #969B8C;
  --border: #DEE1D0;
  --accent: #D4F547;
  --on-accent: #121408;
  --accent-ink: #55650F;
  --destructive: #B23A28;
  --on-destructive: #FFFFFF;
  --font-text: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-title: 'Onest', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Unbounded', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --headline-size: 26px;
  --headline-weight: 700;
  color-scheme: light;
}

[data-preset="utility"] {
  --ground: #FFFFFF;
  --surface: #FFFFFF;
  --fill: #F2F4F5;
  --ink: #16181D;
  --muted: #575D66;
  --faint: #949AA4;
  --border: #E1E4E8;
  --accent: #2F7A5F;
  --on-accent: #FFFFFF;
  --accent-ink: #27664E;
  --destructive: #C03A2E;
  --on-destructive: #FFFFFF;
  --font-text: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-title: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Golos Text', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --headline-size: 28px;
  --headline-weight: 700;
  color-scheme: light;
}

[data-preset="ember"] {
  --ground: #FFFFFF;
  --surface: #FFFFFF;
  --fill: #F7F2EA;
  --ink: #191510;
  --muted: #5F584D;
  --faint: #99917F;
  --border: #E8E0D2;
  --accent: #F07514;
  --on-accent: #1F1206;
  --accent-ink: #9A4A00;
  --destructive: #B3261E;
  --on-destructive: #FFFFFF;
  --font-text: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-title: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Rubik', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --headline-size: 28px;
  --headline-weight: 700;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]),
  [data-preset="ink"]:not([data-theme="light"]) {
    --ground: #141311;
    --surface: #1E1C19;
    --fill: #2A2721;
    --ink: #F2F0EA;
    --muted: #A29D93;
    --faint: #6F6B63;
    --border: #302D27;
    --accent: #93ADFF;
    --on-accent: #0F1526;
    --accent-ink: #93ADFF;
    --destructive: #FF7A66;
    --on-destructive: #0F1526;
    color-scheme: dark;
  }

  [data-preset="forge"]:not([data-theme="light"]) {
    --ground: #0F100D;
    --surface: #191B15;
    --fill: #232720;
    --ink: #F1F2E9;
    --muted: #9BA092;
    --faint: #6F746A;
    --border: #2A2D24;
    --accent: #D4F547;
    --on-accent: #121408;
    --accent-ink: #D4F547;
    --destructive: #FF6B57;
    --on-destructive: #121408;
    color-scheme: dark;
  }

  [data-preset="utility"]:not([data-theme="light"]) {
    --ground: #101214;
    --surface: #1A1D21;
    --fill: #252A2F;
    --ink: #ECEEF0;
    --muted: #9AA1AB;
    --faint: #6A7078;
    --border: #2C3138;
    --accent: #64C79B;
    --on-accent: #0E1F18;
    --accent-ink: #64C79B;
    --destructive: #FF7365;
    --on-destructive: #0E1F18;
    color-scheme: dark;
  }

  [data-preset="ember"]:not([data-theme="light"]) {
    --ground: #14100C;
    --surface: #1F1913;
    --fill: #2B241C;
    --ink: #F4EFE6;
    --muted: #A69C8C;
    --faint: #746A5C;
    --border: #332B21;
    --accent: #FF9E3D;
    --on-accent: #211204;
    --accent-ink: #FF9E3D;
    --destructive: #FF7361;
    --on-destructive: #211204;
    color-scheme: dark;
  }
}

:root[data-theme="dark"],
[data-preset="ink"][data-theme="dark"] {
  --ground: #141311;
  --surface: #1E1C19;
  --fill: #2A2721;
  --ink: #F2F0EA;
  --muted: #A29D93;
  --faint: #6F6B63;
  --border: #302D27;
  --accent: #93ADFF;
  --on-accent: #0F1526;
  --accent-ink: #93ADFF;
  --destructive: #FF7A66;
  --on-destructive: #0F1526;
  color-scheme: dark;
}

[data-preset="forge"][data-theme="dark"] {
  --ground: #0F100D;
  --surface: #191B15;
  --fill: #232720;
  --ink: #F1F2E9;
  --muted: #9BA092;
  --faint: #6F746A;
  --border: #2A2D24;
  --accent: #D4F547;
  --on-accent: #121408;
  --accent-ink: #D4F547;
  --destructive: #FF6B57;
  --on-destructive: #121408;
  color-scheme: dark;
}

[data-preset="utility"][data-theme="dark"] {
  --ground: #101214;
  --surface: #1A1D21;
  --fill: #252A2F;
  --ink: #ECEEF0;
  --muted: #9AA1AB;
  --faint: #6A7078;
  --border: #2C3138;
  --accent: #64C79B;
  --on-accent: #0E1F18;
  --accent-ink: #64C79B;
  --destructive: #FF7365;
  --on-destructive: #0E1F18;
  color-scheme: dark;
}

[data-preset="ember"][data-theme="dark"] {
  --ground: #14100C;
  --surface: #1F1913;
  --fill: #2B241C;
  --ink: #F4EFE6;
  --muted: #A69C8C;
  --faint: #746A5C;
  --border: #332B21;
  --accent: #FF9E3D;
  --on-accent: #211204;
  --accent-ink: #FF9E3D;
  --destructive: #FF7361;
  --on-destructive: #211204;
  color-scheme: dark;
}