/* Kakatua tokens, copied from kakatua-brand/tokens/tokens.css (font-display: swap added for the website). */
:root, [data-theme="light"]{--pearl: #F5EFE3;--night: #10201E;--sulphur: #F3BF1F;--karak: #8E5222;--surface: #F5EFE3;--surface-raised: #FFFCF6;--surface-sunken: #ECE4D4;--line: #DDD3C1;--line-strong: #857D6E;--ink: #10201E;--ink-muted: #55605C;--accent: var(--sulphur);--on-accent: var(--night);--accent-text: #7A5900;--invert: #10201E;--on-invert: #F5EFE3;--can-do: #0B6A80;--can-do-soft: #D5E9EE;--partial-soft: #FBEAB2;--danger: #B42318;--focus-ring: #10201E;--shadow-float: 0 1px 0 rgba(16,32,30,0.06), 0 12px 32px rgba(16,32,30,0.10);}
[data-theme="dark"]{--pearl: #F5EFE3;--night: #10201E;--sulphur: #F3BF1F;--karak: #E0A877;--surface: #10201E;--surface-raised: #182C29;--surface-sunken: #0A1614;--line: #2A3F3B;--line-strong: #71857F;--ink: #F5EFE3;--ink-muted: #A7B2AD;--accent: var(--sulphur);--on-accent: var(--night);--accent-text: #F3BF1F;--invert: #F5EFE3;--on-invert: #10201E;--can-do: #6CC6D8;--can-do-soft: #12363F;--partial-soft: #3A3214;--danger: #FF8A7A;--focus-ring: #F3BF1F;--shadow-float: 0 1px 0 rgba(0,0,0,0.30), 0 12px 32px rgba(0,0,0,0.40);}
:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 28px;--radius-pill: 999px;--font-sans: "Readex Pro", "Noto Sans Arabic", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-arabic: "Readex Pro", "Noto Sans Arabic", "Geeza Pro", sans-serif;}
.display-xl{font-family:var(--font-sans);font-size:72px;line-height:72px;font-weight:600;letter-spacing:-0.03em;font-style:normal}
.display{font-family:var(--font-sans);font-size:48px;line-height:52px;font-weight:600;letter-spacing:-0.025em;font-style:normal}
.heading{font-family:var(--font-sans);font-size:28px;line-height:34px;font-weight:600;letter-spacing:-0.015em;font-style:normal}
.subheading{font-family:var(--font-sans);font-size:20px;line-height:28px;font-weight:500;letter-spacing:-0.01em;font-style:normal}
.voice{font-family:var(--font-serif);font-size:34px;line-height:40px;font-weight:400;letter-spacing:0;font-style:italic}
.voice-sm{font-family:var(--font-serif);font-size:22px;line-height:28px;font-weight:400;letter-spacing:0;font-style:italic}
.body-lg{font-family:var(--font-sans);font-size:19px;line-height:28px;font-weight:400;letter-spacing:0;font-style:normal}
.body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400;letter-spacing:0;font-style:normal}
.body-sm{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400;letter-spacing:0;font-style:normal}
.label{font-family:var(--font-sans);font-size:12px;line-height:16px;font-weight:600;letter-spacing:0.08em;font-style:normal}
.arabizi{font-family:var(--font-sans);font-size:30px;line-height:36px;font-weight:600;letter-spacing:-0.01em;font-style:normal}
.arabic{font-family:var(--font-arabic);font-size:24px;line-height:40px;font-weight:500;letter-spacing:0;font-style:normal}
@font-face{font-family:"Readex Pro";src:url("../fonts/ReadexPro-Variable.woff2") format("woff2");font-weight:160 700;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/InstrumentSerif-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url("../fonts/InstrumentSerif-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}