/* UPAGP Sangam — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #FBF8F1;
  --surface-raised: #FFFFFF;
  --surface-sunk: #F2EBDC;
  --line: #E2D8C3;
  --line-strong: #8F7C47;
  --ink: #16242F;
  --ink-muted: #566166;
  --accent: #2F4A5C;
  --on-accent: #FBF8F1;
  --accent-soft: #E3EAEC;
  --accent-ink: #2F4A5C;
  --bindu: #B8321F;
  --focus-ring: #2F4A5C;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
  --ganga: #C9B98A;
  --yamuna: #2F4A5C;
  --seam: #7F9A94;
  --sindoor: #B8321F;
  --chikan-thread: #E6E1D5;
  --kinkhab-maroon: #6E1F33;
  --zari: #C99A3E;
  --gulal: #D9407A;
  --haldi: #F2B630;
  --neel: #2E4A9A;
  --hara: #3E9A57;
  --terracotta: #B5562F;
  --brass: #A9812F;
  --glaze: #2B5C8A;
  --aam: #F2B43C;
  --patti: #3F6B3A;
  --kesari: #E08A3C;
  --hari: #2E7D4F;
  --chakra: #1F3A8A;
  --shadow-sheet: 0 1px 2px rgba(22,36,47,0.06), 0 12px 32px rgba(22,36,47,0.10);
}
[data-theme="dark"] {
  --surface: #111C24;
  --surface-raised: #18262F;
  --surface-sunk: #0B141A;
  --line: #2A3D49;
  --line-strong: #62808E;
  --ink: #F2EBDC;
  --ink-muted: #AEBAB8;
  --accent: #9CC0CC;
  --on-accent: #0B141A;
  --accent-soft: #1E3440;
  --accent-ink: #9CC0CC;
  --bindu: #F07A62;
  --focus-ring: #E4D7B0;
  --success: #7CC4A0;
  --danger: #F2917F;
  --warning: #E8B44C;
  --shadow-sheet: 0 1px 2px rgba(0,0,0,0.4), 0 12px 32px rgba(0,0,0,0.5);
}
[data-theme="chikan"] {
  --surface: #FFFFFF;
  --surface-raised: #F8F6F1;
  --surface-sunk: #F1EEE6;
  --line: #E6E1D5;
  --line-strong: #8E8677;
  --ink: #2E2C28;
  --ink-muted: #5E5A52;
  --accent: #3B3833;
  --on-accent: #FFFFFF;
  --accent-soft: #F1EEE6;
  --accent-ink: #3B3833;
  --bindu: #B8321F;
  --focus-ring: #3B3833;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
}
[data-theme="kinkhab"] {
  --surface: #1A0E14;
  --surface-raised: #2A1420;
  --surface-sunk: #12090E;
  --line: #4A2232;
  --line-strong: #8A6A2E;
  --ink: #F3E6CC;
  --ink-muted: #CDB89A;
  --accent: #E6C77A;
  --on-accent: #1A0E14;
  --accent-soft: #3B1424;
  --accent-ink: #E6C77A;
  --bindu: #F07A62;
  --focus-ring: #E6C77A;
  --success: #7CC4A0;
  --danger: #F2917F;
  --warning: #E8B44C;
}
[data-theme="braj"] {
  --surface: #FFF8EE;
  --surface-raised: #FFFFFF;
  --surface-sunk: #FBEBD6;
  --line: #F1D9BC;
  --line-strong: #B26A3A;
  --ink: #2A1530;
  --ink-muted: #5E4A5E;
  --accent: #B8235F;
  --on-accent: #FFFFFF;
  --accent-soft: #FBE0EA;
  --accent-ink: #A51F55;
  --bindu: #B8321F;
  --focus-ring: #2E4A9A;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
}
[data-theme="awadh"] {
  --surface: #F4EEE2;
  --surface-raised: #FBF7EF;
  --surface-sunk: #EAE1CF;
  --line: #DCCDB4;
  --line-strong: #B5562F;
  --ink: #2A1E17;
  --ink-muted: #62564A;
  --accent: #9A4524;
  --on-accent: #FFFFFF;
  --accent-soft: #F1DDD0;
  --accent-ink: #8E3F21;
  --bindu: #B8321F;
  --focus-ring: #2B5C8A;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
}
[data-theme="bagicha"] {
  --surface: #F6F7EC;
  --surface-raised: #FFFFFF;
  --surface-sunk: #ECEFD9;
  --line: #D9DFBF;
  --line-strong: #5E8838;
  --ink: #1E2A18;
  --ink-muted: #4F5B45;
  --accent: #3F6B3A;
  --on-accent: #FFFFFF;
  --accent-soft: #E2EBD3;
  --accent-ink: #36602F;
  --bindu: #B8321F;
  --focus-ring: #3F6B3A;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
}
[data-theme="tiranga"] {
  --surface: #FCFBF8;
  --surface-raised: #FFFFFF;
  --surface-sunk: #F3F1EC;
  --line: #E3E0D8;
  --line-strong: #1F3A8A;
  --ink: #14213D;
  --ink-muted: #4F5770;
  --accent: #1F3A8A;
  --on-accent: #FFFFFF;
  --accent-soft: #E4E9F5;
  --accent-ink: #1F3A8A;
  --bindu: #B8321F;
  --focus-ring: #1F3A8A;
  --success: #2E6B4F;
  --danger: #A3261B;
  --warning: #875400;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --space-9: 112px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --tap-min: 48px;
  --measure: 36em;
  --font-story: "Tiro Devanagari Hindi", "Noto Serif Devanagari", Georgia, serif;
  --font-ui: "Anek Devanagari", "Noto Sans Devanagari", system-ui, sans-serif;
}
.display-xl { font-family: var(--font-story); font-size: 64px; line-height: 72px; font-weight: 400; letter-spacing: -0.01em; }
.display { font-family: var(--font-story); font-size: 44px; line-height: 54px; font-weight: 400; }
.title { font-family: var(--font-story); font-size: 30px; line-height: 40px; font-weight: 400; }
.voice { font-family: var(--font-story); font-size: 22px; line-height: 34px; font-weight: 400; font-style: italic; }
.story-body { font-family: var(--font-story); font-size: 19px; line-height: 32px; font-weight: 400; }
.heading { font-family: var(--font-ui); font-size: 20px; line-height: 28px; font-weight: 600; }
.body { font-family: var(--font-ui); font-size: 17px; line-height: 28px; font-weight: 400; }
.body-sm { font-family: var(--font-ui); font-size: 15px; line-height: 24px; font-weight: 400; }
.label { font-family: var(--font-ui); font-size: 15px; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 500; letter-spacing: 0.02em; }
.numeral { font-family: var(--font-ui); font-size: 36px; line-height: 40px; font-weight: 300; }