/* Pacific Chill — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #f3f8f6;
  --surface-raised: #ffffff;
  --surface-sunken: #e6efec;
  --line: #d2e0dc;
  --line-strong: #6b8583;
  --ink: #0f2325;
  --ink-muted: #4a6264;
  --sea: #0b6b9b;
  --sea-soft: #d6ebf5;
  --on-sea: #ffffff;
  --hill: #177049;
  --hill-soft: #d8f0e2;
  --on-hill: #ffffff;
  --citron: #8c6a00;
  --citron-soft: #fdf4d3;
  --on-citron: #ffffff;
  --currant: #7b3f9e;
  --currant-soft: #eee1f6;
  --ember: #b05a14;
  --stone: #56696b;
  --danger: #b3261e;
  --danger-soft: #fde4e1;
  --on-danger: #ffffff;
  --link: var(--sea);
  --on-accord: #0f2325;
  --accord-citrus: #f5d85a;
  --accord-fruity: #f4a7bb;
  --accord-aromatic: #a9d8a5;
  --accord-fresh-spicy: #93d6cd;
  --accord-green: #97d27a;
  --accord-sweet: #f6bfdb;
  --accord-floral: #e8bdf0;
  --accord-woody: #dcb892;
  --accord-musky: #d9d1c6;
  --accord-amber: #f3b56f;
  --accord-powdery: #e8dbef;
  --accord-aquatic: #9fd6f2;
  --shadow-sm: 0 1px 2px #0f23250f, 0 1px 3px #0f232514;
  --shadow-lg: 0 4px 10px #0f232514, 0 14px 32px -4px #0f232526;
  --focus-ring: 0 0 0 2px #f3f8f6, 0 0 0 4px #0b6b9b;
}
[data-theme="dark"] {
  --surface: #0d1b1d;
  --surface-raised: #15292b;
  --surface-sunken: #0a1517;
  --line: #284241;
  --line-strong: #7a9593;
  --ink: #e7f0ee;
  --ink-muted: #a3b9b6;
  --sea: #62c6ee;
  --sea-soft: #0f3346;
  --on-sea: #0d1b1d;
  --hill: #6fd39f;
  --hill-soft: #0e3324;
  --on-hill: #0d1b1d;
  --citron: #f3c84b;
  --citron-soft: #3b2f06;
  --on-citron: #0d1b1d;
  --currant: #c9a0e8;
  --currant-soft: #2e1a3d;
  --ember: #f0a06a;
  --stone: #8aa3a1;
  --danger: #ff8d85;
  --danger-soft: #4a1613;
  --on-danger: #0d1b1d;
  --link: var(--sea);
  --on-accord: #0f2325;
  --accord-citrus: #f5d85a;
  --accord-fruity: #f4a7bb;
  --accord-aromatic: #a9d8a5;
  --accord-fresh-spicy: #93d6cd;
  --accord-green: #97d27a;
  --accord-sweet: #f6bfdb;
  --accord-floral: #e8bdf0;
  --accord-woody: #dcb892;
  --accord-musky: #d9d1c6;
  --accord-amber: #f3b56f;
  --accord-powdery: #e8dbef;
  --accord-aquatic: #9fd6f2;
  --shadow-sm: 0 1px 3px #000000b3;
  --shadow-lg: 0 14px 32px -4px #000000d9;
  --focus-ring: 0 0 0 2px #0d1b1d, 0 0 0 4px #62c6ee;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --font-sans: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif;
}
.display { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 36px; line-height: 48px; font-weight: 800; }
.title { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 24px; line-height: 34px; font-weight: 700; }
.heading { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 18px; line-height: 28px; font-weight: 700; }
.name-latin { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 18px; line-height: 26px; font-weight: 500; letter-spacing: 0.01em; }
.body { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 15px; line-height: 26px; font-weight: 400; }
.body-strong { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 15px; line-height: 26px; font-weight: 600; }
.caption { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 12px; line-height: 20px; font-weight: 500; }
.stat { font-family: "Vazirmatn", "Segoe UI", Tahoma, Arial, sans-serif; font-size: 32px; line-height: 40px; font-weight: 800; letter-spacing: -0.01em; }
@font-face { font-family: "Vazirmatn"; src: url("fonts/Vazirmatn-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }