/* Korrasa tokens for Manhagna. Generated from tokens.json (v1.0.0). Do not edit by hand: edit tokens.json and regenerate.
   Light is the default. Dark ("plum night") follows the system setting unless data-theme="light" is set, and is forced by data-theme="dark". */

:root {
  --bg: #FFF7E8;
  --surface: #FFFFFF;
  --surface-2: #FFF0D6;
  --ink: #2B1641;
  --ink-2: #5E4C72;
  --line: #2B1641;
  --line-soft: #E6D9C3;
  --line-field: #8C7BA0;
  --shadow: #2B1641;
  --violet: #5A31F4;
  --violet-ink: #5A31F4;
  --violet-soft: #ECE6FF;
  --coral: #FF6B4A;
  --coral-soft: #FFE3DA;
  --sun: #FFC83D;
  --sun-soft: #FFF1C7;
  --mint: #2FC48A;
  --mint-soft: #D8F6E8;
  --sky: #5DB2FF;
  --sky-soft: #DDEEFF;
  --danger: #B42318;
  --danger-soft: #FFE1DD;
  --board: #E9E2D4;
  --footer: #2B1641;
  --skel: #F1E4CC;
  --on-fill: #2B1641;
  --on-violet: #FFFFFF;
  --whatsapp: #25D366;
  --on-whatsapp: #0B2B18;
  --star: #E8A600;
  --video-bg: #120822;

  --font-heading: "Baloo Bhaijaan 2", "Baloo Bhaijaan 2 Fallback Noto Sans", "Baloo Bhaijaan 2 Fallback Noto Naskh", "Baloo Bhaijaan 2 Fallback", "Tajawal", "Tajawal Fallback Noto Sans", "Tajawal Fallback Noto Naskh", "Tajawal Fallback", system-ui, sans-serif;
  --font-body: "Tajawal", "Tajawal Fallback Noto Sans", "Tajawal Fallback Noto Naskh", "Tajawal Fallback", system-ui, sans-serif;

  --type-display: 44px;
  --type-hero-phone: 36px;
  --type-hero-desktop: 56px;
  --type-display-line: 1.2;
  --type-display-weight: 800;
  --type-h1: 32px;
  --type-h1-phone: 28px;
  --type-h1-line: 1.25;
  --type-h1-weight: 800;
  --type-h2: 24px;
  --type-h2-line: 1.3;
  --type-h2-weight: 800;
  --type-h3: 19px;
  --type-h3-line: 1.35;
  --type-h3-weight: 700;
  --type-number-display: 28px;
  --type-number-display-total: 32px;
  --type-number-display-line: 1;
  --type-number-display-weight: 800;
  --type-button: 17px;
  --type-button-line: 1;
  --type-button-weight: 800;
  --type-body: 16px;
  --type-body-line: 1.7;
  --type-body-weight: 400;
  --type-label: 15px;
  --type-label-weight: 700;
  --type-caption: 13px;
  --type-caption-weight: 500;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;

  --radius-chip-sm: 12px;
  --radius-control: 14px;
  --radius-button: 16px;
  --radius-card-sm: 20px;
  --radius-card: 24px;
  --radius-sheet: 32px;
  --radius-pill: 999px;

  --border-playful: 2px solid var(--line);
  --border-calm: 1.5px solid var(--line-soft);
  --border-field-calm: 1.5px solid var(--line-field);

  --shadow-chip: -2px 3px 0 var(--shadow);
  --shadow-button: -3px 4px 0 var(--shadow);
  --shadow-card: -4px 5px 0 var(--shadow);
  --shadow-sheet: -6px 8px 0 var(--shadow);
  --shadow-bar-top: 0 -4px 0 var(--shadow);

  --ease-spring: cubic-bezier(.3, 1.6, .5, 1);
  --press-move: translate(-3px, 4px);
  --dur-press: 120ms;
  --dur-max: 300ms;

  --touch-min: 44px;
  --control-h: 52px;

  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1B0F2C;
    --surface: #28183F;
    --surface-2: #33214F;
    --ink: #FFF7E8;
    --ink-2: #CFC2E3;
    --line: #8F7BC4;
    --line-soft: #3E2C5C;
    --line-field: #7A66A0;
    --shadow: #0B0514;
    --violet: #7651FF;
    --violet-ink: #B8A5FF;
    --violet-soft: #3A2A6E;
    --coral: #FF7A5C;
    --coral-soft: #4A2232;
    --sun: #FFC83D;
    --sun-soft: #45361C;
    --mint: #3DD69A;
    --mint-soft: #173D30;
    --sky: #6CBBFF;
    --sky-soft: #1C3150;
    --danger: #FF8A7A;
    --danger-soft: #4A1F26;
    --board: #0F0819;
    --footer: #120822;
    --skel: #33224D;
    --on-fill: #2B1641;
    --on-violet: #FFFFFF;
    --whatsapp: #25D366;
    --on-whatsapp: #0B2B18;
    --star: #E8A600;
    --video-bg: #120822;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #1B0F2C;
  --surface: #28183F;
  --surface-2: #33214F;
  --ink: #FFF7E8;
  --ink-2: #CFC2E3;
  --line: #8F7BC4;
  --line-soft: #3E2C5C;
  --line-field: #7A66A0;
  --shadow: #0B0514;
  --violet: #7651FF;
  --violet-ink: #B8A5FF;
  --violet-soft: #3A2A6E;
  --coral: #FF7A5C;
  --coral-soft: #4A2232;
  --sun: #FFC83D;
  --sun-soft: #45361C;
  --mint: #3DD69A;
  --mint-soft: #173D30;
  --sky: #6CBBFF;
  --sky-soft: #1C3150;
  --danger: #FF8A7A;
  --danger-soft: #4A1F26;
  --board: #0F0819;
  --footer: #120822;
  --skel: #33224D;
  --on-fill: #2B1641;
  --on-violet: #FFFFFF;
  --whatsapp: #25D366;
  --on-whatsapp: #0B2B18;
  --star: #E8A600;
  --video-bg: #120822;
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur-press: 0ms; --dur-max: 0ms; }
}