/* Generated by tools/make-og.ts from src/theme/tokens.ts. Do not edit by hand. */
@font-face { font-family: 'Literata'; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/Literata-600.ttf') format('truetype'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 400; font-style: normal; font-display: swap; src: url('/fonts/PlusJakartaSans-400.ttf') format('truetype'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 500; font-style: normal; font-display: swap; src: url('/fonts/PlusJakartaSans-500.ttf') format('truetype'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 600; font-style: normal; font-display: swap; src: url('/fonts/PlusJakartaSans-600.ttf') format('truetype'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-weight: 700; font-style: normal; font-display: swap; src: url('/fonts/PlusJakartaSans-700.ttf') format('truetype'); }

:root {
  --c-bg: #FAF7F2;
  --c-surface: #FFFFFF;
  --c-surface-alt: #F1ECE3;
  --c-border: #E2DBCF;
  --c-text: #16232B;
  --c-text-muted: #55626B;
  --c-primary: #0B6B6B;
  --c-on-primary: #FFFFFF;
  --c-primary-soft: #D5EBE8;
  --c-on-primary-soft: #0A4F4F;
  --c-gold: #AD7E1C;
  --c-gold-text: #8A6213;
  --c-coral: #B04430;
  --c-cobalt: #23468C;
  --c-ring-empty: #857860;
  --sky-from: #08111F;
  --sky-to: #13224A;
  --card-from: #0E1A2B;
  --card-to: #13304A;
  --sky-text: #FFFFFF;
  --sky-muted: #D3DCE4;
  --sky-taken: #5CC3B9;
  --sky-read: #E5B75B;
  --sky-empty: #6E8C9C;
  --sky-mercy: #A3AFC2;
  --sky-surface: #13232E;
  --sky-surface-alt: #1A2F3D;
  --sky-border: #2A4352;
  --sky-on-primary: #062120;
  --sky-coral: #F08B73;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;
  --radius-chip: 10px;
  --radius-button: 14px;
  --radius-card: 20px;
  --radius-sheet: 28px;
  --radius-full: 999px;
  --font-display: 'Literata', Georgia, serif;
  --font-ui: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #0C1720;
    --c-surface: #13232E;
    --c-surface-alt: #1A2F3D;
    --c-border: #2A4352;
    --c-text: #F2EDE3;
    --c-text-muted: #A6B2BA;
    --c-primary: #5CC3B9;
    --c-on-primary: #062120;
    --c-primary-soft: #15403E;
    --c-on-primary-soft: #BDE9E3;
    --c-gold: #E5B75B;
    --c-gold-text: #E5B75B;
    --c-coral: #F08B73;
    --c-cobalt: #8FA9E6;
    --c-ring-empty: #6E8C9C;
  }
}
.tone-sky .accent-general { color: #5CC3B9; }
.tone-sky .accent-ramadan { color: #E3A3C0; }
.tone-sky .accent-mercy { color: #A3AFC2; }
.tone-sky .accent-friday { color: #8FA9E6; }
.tone-sky .accent-kandil { color: #E5B75B; }