/* UMG Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --forest: #166534;
  --forest-deep: #0f4a26;
  --emerald: #065f46;
  --gold: #c8912e;
  --gold-text: #96631a;
  --gold-bright: #dfa032;
  --void: #060b18;
  --ink: #0f1f17;
  --slate: #1b2a4a;
  --cream: #faf8f3;
  --stone: #eae6df;
  --live-green: #6db87a;
  --red: #dc2626;
  --void-success: #14b8a6;
  --prism-ummahcity: var(--forest);
  --prism-ummahpass: #1b5fa8;
  --prism-ummahplaces: #1a7040;
  --prism-ummahcauses: #b5551e;
  --prism-ummahjobs: #0b7a6e;
  --prism-ummaharmy: #c94a4a;
  --prism-ummahbuzz: #7b50d4;
  --prism-man: var(--gold);
  --prism-ummahemail: #c2458f;
  --prism-muslimreach: var(--slate);
  --ummah-surface: var(--cream);
  --ummah-surface-raised: #ffffff;
  --ummah-surface-sunken: var(--stone);
  --ummah-overlay: rgba(15, 31, 23, 0.6);
  --ummah-ink: var(--ink);
  --ummah-ink-secondary: #4a6356;
  --ummah-ink-muted: #7d9e8c;
  --ummah-ink-inverse: var(--cream);
  --ummah-action: var(--forest);
  --ummah-action-hover: var(--forest-deep);
  --on-ummah-action: var(--cream);
  --ummah-border-subtle: var(--stone);
  --ummah-border: #d1c8bf;
  --ummah-border-strong: #b8ad9e;
  --ummah-focus: var(--forest);
  --ummah-gold-text: var(--gold-text);
  --ummah-star: var(--forest);
  --cube-ground: #eef1e9;
  --cube-ground-2: #e4e9dd;
  --cube-surface: #f8f9f4;
  --cube-pool: #d9e2d2;
  --cube-ink: #0e1e16;
  --cube-ink-2: #3a4a40;
  --cube-ink-3: #5a6a5f;
  --cube-rule: #cdd6c8;
  --cube-action: var(--forest);
  --cube-action-ink: #f8f9f4;
  --cube-action-hover: var(--forest-deep);
  --cube-focus: #1b5fa8;
  --cube-partial: #8a5a12;
  --cube-coming: #5a6a5f;
  --cube-porcelain: #fbfaf5;
  --cube-porcelain-2: #eef0e7;
  --cube-edge: #bfcabb;
  --cube-face-ink: #10301f;
  --cube-face-ink-2: #56695c;
  --cube-face-accent: var(--forest);
  --cube-shade: #2a271c;
  --man-surface: #FAF8F3;
  --man-surface-raised: #FFFFFF;
  --man-surface-sunken: #EAE6DF;
  --man-ink: #0F1F17;
  --man-ink-secondary: #3F4A44;
  --man-ink-muted: #616B64;
  --man-line: #DCD7CE;
  --man-line-strong: #79817A;
  --man-action: #166534;
  --man-action-hover: #0F4A26;
  --on-man-action: #FAF8F3;
  --man-gold: #96631A;
  --man-gold-text: #96631A;
  --man-gold-soft: #F6EEDC;
  --man-chart: #166534;
  --man-focus: #1B5FA8;
  --man-scrim: rgba(15, 31, 23, 0.5);
  --man-pill-draft: #616B64;
  --man-pill-draft-bg: #EAE6DF;
  --man-pill-done: #0F1F17;
  --man-pill-done-bg: #E3E0D8;
  --man-stamp-paper: #f8f6f1;
  --man-stamp-ink: #111a2e;
  --status-live: var(--forest);
  --status-live-bg: #dcf5e3;
  --status-partial: #8a5a12;
  --status-coming: #5a6a5f;
  --status-info: #1b5fa8;
  --status-info-bg: #e3edf9;
  --status-warning: #8a3b0a;
  --status-warning-bg: #fdefd3;
  --status-danger: #b42318;
  --status-danger-bg: #fde8e6;
  --status-success: var(--prism-ummahjobs);
  --shadow-xs: 0 1px 2px rgba(15, 31, 23, 0.06);
  --shadow-sm: 0 2px 6px rgba(15, 31, 23, 0.08), 0 1px 2px rgba(15, 31, 23, 0.05);
  --shadow-md: 0 4px 12px rgba(15, 31, 23, 0.10), 0 2px 4px rgba(15, 31, 23, 0.06);
  --shadow-lg: 0 8px 24px rgba(15, 31, 23, 0.12), 0 3px 8px rgba(15, 31, 23, 0.07);
  --shadow-xl: 0 16px 48px rgba(15, 31, 23, 0.14), 0 6px 16px rgba(15, 31, 23, 0.08);
  --shadow-gold: 0 4px 16px rgba(200, 145, 46, 0.25);
  --gold-glow: 0 0 2px rgba(223, 160, 50, 0.9), 0 0 12px rgba(223, 160, 50, 0.45), 0 0 32px rgba(223, 160, 50, 0.18);
  --man-shadow-sm: 0 1px 2px rgba(15, 31, 23, 0.06), 0 2px 8px rgba(15, 31, 23, 0.05);
  --man-shadow-lg: 0 12px 32px rgba(15, 31, 23, 0.16);
}
[data-theme="dark"] {
  --prism-ummahcity: var(--forest);
  --prism-ummahplaces: #22a362;
  --prism-ummahjobs: #14b8a6;
  --prism-ummaharmy: #e06b6b;
  --prism-man: var(--gold);
  --prism-muslimreach: var(--slate);
  --ummah-surface: var(--void);
  --ummah-surface-raised: #0d1525;
  --ummah-surface-sunken: var(--void);
  --ummah-overlay: rgba(0, 0, 0, 0.7);
  --ummah-ink: var(--cream);
  --ummah-ink-secondary: rgba(250, 248, 243, 0.7);
  --ummah-ink-muted: rgba(250, 248, 243, 0.4);
  --ummah-ink-inverse: var(--ink);
  --ummah-action: var(--gold-bright);
  --ummah-action-hover: #eeb034;
  --on-ummah-action: var(--ink);
  --ummah-border-subtle: rgba(250, 248, 243, 0.08);
  --ummah-border: rgba(250, 248, 243, 0.15);
  --ummah-border-strong: rgba(250, 248, 243, 0.25);
  --ummah-focus: var(--gold-bright);
  --ummah-gold-text: var(--gold-bright);
  --ummah-star: var(--gold-bright);
  --cube-ground: #08130e;
  --cube-ground-2: #0d1b14;
  --cube-surface: #10201a;
  --cube-pool: #12271c;
  --cube-ink: #e6ece3;
  --cube-ink-2: #b9c6b9;
  --cube-ink-3: #93a495;
  --cube-rule: #26382d;
  --cube-action: #7cc694;
  --cube-action-ink: #06140c;
  --cube-action-hover: #9bd8ae;
  --cube-focus: #9ccbff;
  --cube-partial: #e2b867;
  --cube-coming: #93a495;
  --cube-porcelain: #e9eee5;
  --cube-porcelain-2: #dce3d8;
  --cube-edge: #a9b8a6;
  --cube-face-accent: var(--forest);
  --cube-shade: #1c1a12;
  --man-surface: #121816;
  --man-surface-raised: #1A2320;
  --man-surface-sunken: #0E1412;
  --man-ink: #F1EDE4;
  --man-ink-secondary: #C9C4B8;
  --man-ink-muted: #A39E92;
  --man-line: #2A332E;
  --man-line-strong: #5C665F;
  --man-action: #8FD19A;
  --man-action-hover: #A9E0B2;
  --on-man-action: #0F1F17;
  --man-gold: #DFA032;
  --man-gold-text: #EDBE63;
  --man-gold-soft: #2C2311;
  --man-chart: #8FD19A;
  --man-focus: #8DB8F0;
  --man-scrim: rgba(0, 0, 0, 0.6);
  --man-pill-draft: #C9C4B8;
  --man-pill-draft-bg: #1F2925;
  --man-pill-done: #F1EDE4;
  --man-pill-done-bg: #243029;
  --status-live: #7cc694;
  --status-live-bg: #10301d;
  --status-partial: #e2b867;
  --status-coming: #93a495;
  --status-info: #8db8f0;
  --status-info-bg: #14294a;
  --status-warning: #f5c26b;
  --status-warning-bg: #36280c;
  --status-danger: #ff9a8f;
  --status-danger-bg: #3a1714;
  --status-success: var(--void-success);
  --man-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --man-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.5);
}
:root {
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-pill: 9999px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 300ms;
  --duration-slower: 500ms;
  --ease: cubic-bezier(0.4, 0.0, 0.2, 1.0);
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1.0);
  --ease-in: cubic-bezier(0.4, 0.0, 1.0, 1.0);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1.0);
  --ease-arrive: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-fly: cubic-bezier(0.45, 0, 0.2, 1);
  --ease-turn: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-lift: cubic-bezier(0.33, 0, 0.2, 1);
  --ease-seat: cubic-bezier(0.5, 0, 0.12, 1);
  --star-watermark-ummah: 0.25;
  --star-watermark-man: 0.12;
  --star-watermark-void: 0.07;
  --star-tessellation: 0.08;
  --star-card: 0.06;
  --disabled: 0.45;
  --focus-width: 3px;
  --focus-offset: 2px;
  --tap-min: 44px;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-overlay: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-help-mode: 99999;
  --font-display: 'Literata', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --font-ui: 'Instrument Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-man: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; /* r2721 V3: the system stack, Outfit retired */
  --font-arabic: 'Amiri', 'Times New Roman', serif;
  --font-mono: 'Courier New', 'Consolas', monospace;
}
.ummah-display { font-family: var(--font-display); font-size: 5.4rem; line-height: 1.0; font-weight: 500; letter-spacing: -0.028em; }
.ummah-title { font-family: var(--font-display); font-size: 3rem; line-height: 1.06; font-weight: 500; letter-spacing: -0.02em; }
.ummah-heading { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.25; font-weight: 500; letter-spacing: -0.012em; }
.ummah-subheading { font-family: var(--font-display); font-size: 1.125rem; line-height: 1.3; font-weight: 500; }
.ummah-lede { font-family: var(--font-ui); font-size: 1.125rem; line-height: 1.55; font-weight: 400; }
.ummah-body { font-family: var(--font-ui); font-size: 1rem; line-height: 1.55; font-weight: 400; }
.ummah-label { font-family: var(--font-ui); font-size: 1rem; line-height: 1.1; font-weight: 600; }
.ummah-small { font-family: var(--font-ui); font-size: 0.875rem; line-height: 1.5; font-weight: 400; }
.ummah-status { font-family: var(--font-ui); font-size: 0.75rem; line-height: 1.2; font-weight: 600; letter-spacing: 0.05em; }
.man-h1 { font-family: var(--font-man); font-size: 28px; line-height: 34px; font-weight: 600; letter-spacing: -0.01em; }
.man-h2 { font-family: var(--font-man); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.man-h3 { font-family: var(--font-man); font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: -0.01em; }
.man-lead { font-family: var(--font-man); font-size: 16px; line-height: 24px; font-weight: 400; }
.man-body { font-family: var(--font-man); font-size: 15px; line-height: 1.47; font-weight: 400; }
.man-h4 { font-family: var(--font-man); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: -0.01em; }
.man-small { font-family: var(--font-man); font-size: 13px; line-height: 18px; font-weight: 400; }
.man-pill { font-family: var(--font-man); font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 0.01em; }
@font-face { font-family: 'Literata'; src: url('fonts/literata-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('fonts/literata-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Literata'; src: url('fonts/literata-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('fonts/instrument-sans-latin-400-normal.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('fonts/instrument-sans-latin-500-normal.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Instrument Sans'; src: url('fonts/instrument-sans-latin-600-normal.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts/outfit-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts/outfit-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts/outfit-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Outfit'; src: url('fonts/outfit-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }