/* Generiert aus tokens.json — nicht von Hand aendern.
   Neu erzeugen: python3 design-system/build.py */

:root {
  --brand-navy: #1B3450;
  --brand-navy-light: #2C4B6B;
  --brand-gold: #C9A961;
  --brand-gold-bright: #F0D98C;
  --brand-gold-deep: #9A7E3F;
  --app-dark-gold: #C9A961;
  --app-dark-gold-bright: #F0D98C;
  --app-dark-gold-deep: #9A7E3F;
  --app-dark-gold-fill: #E9C870;
  --app-dark-accent-gold: #C9A961;
  --app-dark-accent-blue: #5C82A6;
  --app-dark-text-primary: #F5F1E8;
  --app-dark-text-secondary: #A9B4C0;
  --app-dark-platter-fill: rgba(255, 255, 255, 0.05);
  --app-dark-platter-fill-strong: rgba(255, 255, 255, 0.09);
  --app-dark-platter-stroke: rgba(255, 255, 255, 0.08);
  --app-dark-hairline: rgba(255, 255, 255, 0.07);
  --app-dark-chip-fill: rgba(255, 255, 255, 0.12);
  --app-dark-chip-stroke: rgba(255, 255, 255, 0.14);
  --app-dark-cover-scrim: rgba(0, 0, 0, 0.45);
  --app-light-gold: #9A7E3F;
  --app-light-gold-bright: #C9A961;
  --app-light-gold-deep: #7A6230;
  --app-light-gold-fill: #E3C476;
  --app-light-accent-gold: #C9A961;
  --app-light-accent-blue: #3E6385;
  --app-light-text-primary: #163050;
  --app-light-text-secondary: #5A6B7D;
  --app-light-platter-fill: rgba(27, 52, 80, 0.04);
  --app-light-platter-fill-strong: rgba(0, 0, 0, 0.07);
  --app-light-platter-stroke: rgba(27, 52, 80, 0.08);
  --app-light-hairline: rgba(27, 52, 80, 0.08);
  --app-light-chip-fill: rgba(27, 52, 80, 0.06);
  --app-light-chip-stroke: rgba(27, 52, 80, 0.1);
  --app-light-cover-scrim: rgba(255, 255, 255, 0.62);
  --web-dark-bg: #101C2B;
  --web-dark-panel: #182A40;
  --web-dark-text: #E8ECF2;
  --web-dark-muted: #9FAEC2;
  --web-dark-hairline: rgba(232, 236, 242, 0.14);
  --web-light-bg: #F7F5F1;
  --web-light-panel: #FFFFFF;
  --web-light-text: #22334A;
  --web-light-muted: #5A6B82;
  --web-light-hairline: rgba(27, 52, 80, 0.14);
  --web-hero-text: #F2F5F9;
  --web-hero-text-subtle: rgba(242, 245, 249, 0.85);
  --web-hero-text-muted: rgba(242, 245, 249, 0.82);
  --web-hero-text-faint: rgba(242, 245, 249, 0.75);
  --web-hero-pill-stroke: rgba(242, 245, 249, 0.35);
  --web-hero-pill-hover-fill: rgba(242, 245, 249, 0.12);
  --web-hero-icon-shadow: rgba(0, 0, 0, 0.35);
  --web-shadow-light: rgba(27, 52, 80, 0.18);
  --web-shadow-dark: rgba(0, 0, 0, 0.45);
  --grad-background-dark: linear-gradient(180deg, #2C4B6B 0.0%, #335575 11.0%, #6E7766 17.0%, #2A3F4E 24.0%, #16273A 40.0%, #0A1320 70.0%, #05080D 100.0%);
  --grad-background-light: linear-gradient(180deg, #AEC8E2 0.0%, #C7D6E8 30.0%, #E9EEF4 62.0%, #F3ECD8 88.0%, #EFE4C6 100.0%);
  --grad-popup-dark: linear-gradient(180deg, #8A744A 0.0%, #6E6248 10.0%, #2A4360 28.0%, #243A52 44.0%, #565B50 58.0%, #2A3A47 68.0%, #0A1320 85.0%, #05080D 100.0%);
  --grad-popup-light: linear-gradient(180deg, #E3D2A6 0.0%, #DCD3BE 10.0%, #BFD0E4 28.0%, #C8D4E2 44.0%, #E0D6BC 58.0%, #D2D2C6 70.0%, #BFC7CC 86.0%, #AEBAC4 100.0%);
  --grad-tile-dark: linear-gradient(180deg, #24405C 0.0%, #1B3450 14.0%, #16273A 34.0%, #0A1320 62.0%, #05080D 100.0%);
  --grad-tile-light: linear-gradient(180deg, #AEC8E2 0.0%, #C7D6E8 22.0%, #E9EEF4 52.0%, #FBFAF6 100.0%);
  --grad-year-in-review-dark: linear-gradient(180deg, #2C4B6B 0.0%, #2A3F63 22.0%, #322E63 48.0%, #3E2A6A 74.0%, #281842 100.0%);
  --grad-year-in-review-light: linear-gradient(180deg, #AEC8E2 0.0%, #C6C4E6 45.0%, #D8CBEE 100.0%);
  --grad-film-act1: linear-gradient(180deg, #1E40AF 0.0%, #4338CA 100.0%);
  --grad-film-act2From: linear-gradient(180deg, #1D4ED8 0.0%, #7E22CE 100.0%);
  --grad-film-act2To: linear-gradient(180deg, #6D28D9 0.0%, #A21CAF 100.0%);
  --grad-film-act3: linear-gradient(180deg, #4C1D95 0.0%, #8A5A16 100.0%);
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 3px;
  --space-4: 4px;
  --space-5: 5px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-xxl: 16px;
  --radius-platter: 18px;
  --radius-card: 22px;
  --radius-hero: 28px;
  --radius-pill: 999px;
  --font-ui: -apple-system, BlinkMacSystemFont, sans-serif;
  --font-display: "Saira", -apple-system, sans-serif;
  --font-handwriting: "Noteworthy-Bold", cursive;
  --shadow-sm: 0 4px 10px rgba(27, 52, 80, 0.1);
  --shadow-md: 0 10px 24px rgba(27, 52, 80, 0.14);
  --shadow-lg: 0 18px 40px rgba(27, 52, 80, 0.18);
  --signal-reading-status-unread: #8A94A6;
  --signal-reading-status-reading: #2E8BE6;
  --signal-reading-status-finished: #2FB463;
  --signal-reading-status-listened: #16A9BC;
  --signal-reading-status-wishlist: #9B55D3;
  --signal-ownership-owned: #C9A961;
  --signal-ownership-borrowed: #E5842B;
  --signal-metric-icon-light: #5A6B7D;
  --signal-metric-icon-dark: #7C8AA0;
  --signal-urgency-distant-light: #5A6B7D;
  --signal-urgency-distant-dark: #A9B4C0;
  --signal-urgency-approaching: #DFA125;
  --signal-urgency-imminent: #C4503E;
  --signal-urgency-nearing: #6FA84B;
  --signal-polaroid-rope: #9A7E3F;
  --signal-polaroid-clothespin-wood: #C9A961;
  --signal-polaroid-clothespin-highlight: #F0D98C;
  --signal-polaroid-clothespin-shade: #9A7E3F;
  --signal-polaroid-clothespin-spring: #5A6B7D;
  --signal-polaroid-frame: #FFFFFF;
  --signal-quote-gold: #DFA125;
  --signal-quote-ink: #3E3428;
  --signal-quote-slate-top: #3E4A54;
  --signal-quote-slate-bottom: #55636E;
  --signal-quote-slate-text: #F6EFE4;
  --signal-quote-paper: #FBF6EA;
  --signal-quote-paper-line: #E0D3B8;
  --signal-quote-washi: #FBF3DC;
  --signal-quote-poster: #C4503E;
  --signal-quote-poster-highlight: #F3C55F;
  --signal-quote-night-glow: #5C82A6;
  --signal-quote-night-text: #F8F6F0;
  --signal-quote-chalk: #161616;
  --signal-quote-chalk-light: #2E2E2E;
  --signal-quote-chalk-ink: #F2EFE9;
  --signal-quote-parchment-top: #EFE3C8;
  --signal-quote-parchment-bottom: #E2D2AE;
  --signal-quote-parchment-ink: #4A3B28;
  --signal-quote-parchment-ornament: #A2703F;
  --signal-quote-rose-silver-top: #F0E3DC;
  --signal-quote-rose-silver-mid: #DCD9DC;
  --signal-quote-rose-silver-bottom: #EADCD3;
  --signal-quote-rose-haze-blush: #E9B49B;
  --signal-quote-rose-haze-silver: #C6C3CB;
  --signal-quote-rose-haze-copper: #D9967F;
  --signal-quote-rose-haze-cream: #F4E2D6;
  --signal-quote-rose-haze-steel: #B4AFB9;
  --signal-quote-rose-haze-sand: #F2D9C6;
  --signal-quote-rose-label-stroke: #9A7E6F;
  --signal-quote-ex-libris-paper: #F7F1E2;
  --signal-quote-road-sign-top: #12855A;
  --signal-quote-road-sign-mid: #0D6E4B;
  --signal-quote-road-sign-bottom: #0A5A3D;
  --signal-quote-road-sign-edge: #F4F6F2;
  --signal-quote-road-sign-rivet: #98A49D;
  --signal-quote-coffee-paper: #F7F2E4;
  --signal-quote-coffee-stain-mid: #7A4A21;
  --signal-quote-coffee-stain-deep: #5E3618;
  --signal-quote-coffee-stain-warm: #8A5A2B;
  --signal-quote-coffee-ink: #3A3226;
  --signal-quote-neon-brick-base: #3B2521;
  --signal-quote-neon-brick-top: #4C2F29;
  --signal-quote-neon-brick-bottom: #281715;
  --signal-quote-neon-brick-mortar: #DED1BE;
  --signal-quote-neon-tube: #61E7EC;
  --signal-quote-neon-text: #EAFDFE;
  --signal-quote-neon-kicker: #FF86C6;
  --signal-quote-linen-cloth: #46564A;
  --signal-quote-linen-text: #D9CFB6;
  --signal-quote-shelf-top: #EBE1CB;
  --signal-quote-shelf-bottom: #DCCEAC;
  --signal-quote-shelf-board: #7C6444;
  --signal-quote-spine-violet: #7C5E8A;
  --signal-quote-spine-navy: #2F3A44;
  --signal-quote-spine-ochre: #B08A3A;
  --signal-quote-leather-base: #5A2523;
  --signal-quote-leather-top: #67322D;
  --signal-quote-leather-bottom: #3A1A18;
  --signal-quote-leather-text: #EBCE93;
  --signal-quote-gilt-dark: #7E5F1C;
  --signal-quote-gilt-light: #F5E4AE;
  --signal-quote-gilt-edge: #8E6C24;
  --signal-quote-velvet-base: #3A1F45;
  --signal-quote-velvet-top: #4E2C5A;
  --signal-quote-velvet-bottom: #23112B;
  --signal-quote-velvet-text: #EED8A6;
  --signal-quote-manuscript-note: #4A6E96;
  --signal-quote-laid-paper: #F6EEDC;
  --signal-quote-laid-line: #786442;
  --signal-quote-laid-ink: #33291C;
  --signal-quote-deckle-edge: #C4B28A;
  --signal-quote-seal-star: #A83226;
  --signal-quote-seal-face: #C0453A;
  --signal-quote-seal-ring: #8A241B;
  --signal-quote-seal-text: #7E241B;
  --signal-quote-staff-paper: #FAF5E6;
  --signal-quote-staff-ink: #2C2820;
  --signal-quote-sky-base: #070C16;
  --signal-quote-sky-glow: #1D3554;
  --signal-quote-glass-base: #0F1826;
  --signal-quote-glass-lead: #080B11;
  --signal-quote-glass-blue: #1F4F8E;
  --signal-quote-glass-teal: #2A6F86;
  --signal-quote-glass-amber: #B37C2C;
  --signal-quote-glass-ruby: #8E2C34;
  --signal-quote-glass-indigo: #2C3F7C;
  --signal-quote-glass-deep: #154A6E;
  --signal-quote-glass-panel: #070B12;
  --signal-quote-glass-panel-edge: #F3E9D6;
  --signal-quote-glass-text: #F5EBD8;
  --signal-quote-glass-gold: #D8B36A;
  --signal-quote-almanac-top: #17253C;
  --signal-quote-almanac-bottom: #070C15;
  --signal-quote-almanac-text: #EFE8D4;
  --signal-quote-almanac-rule: #8FA6C4;
  --signal-quote-moon-light: #E9E3CE;
  --signal-quote-moon-shadow: #0D1424;
  --signal-quote-foil-top: #272219;
  --signal-quote-foil-bottom: #151310;
  --signal-quote-foil-dark: #8A6A22;
  --signal-quote-foil-bright: #F7E7B0;
  --signal-quote-foil-shade: #9A7529;
  --signal-quote-lacquer-base: #0C0B09;
  --signal-quote-lacquer-top: #2A241C;
  --signal-quote-lacquer-bottom: #070605;
  --signal-quote-lacquer-text: #E9CB84;
  --signal-quote-gold-dust: #E7C77C;
  --signal-quote-wash-blue: #8FB3C9;
  --signal-quote-wash-rose: #D8A6A0;
  --signal-quote-wash-violet: #7C5E8A;
  --signal-quote-cut-base: #CBB68C;
  --signal-quote-index-card-paper: #F4ECD8;
  --signal-quote-index-card-rule: #78919B;
  --signal-quote-index-card-stamp: #5F5480;
  --signal-quote-polaroid-frame: #F7F5F0;
  --signal-quote-sticker-paper: #F4F1E8;
  --signal-quote-cert-paper: #FBF4E2;
  --signal-quote-cert-gold: #8A6A3A;
  --signal-quote-cert-signature: #2F4A6B;
  --signal-quote-carbon-paper: #EFE9DA;
  --signal-quote-carbon-ink: #4C4458;
  --signal-quote-newsprint: #F0ECE3;
  --signal-quote-news-ink: #232019;
  --signal-quote-news-accent: #8C3B2E;
  --signal-quote-riso-paper: #F3EFE5;
  --signal-quote-riso-pink: #E2557E;
  --signal-quote-riso-blue: #3D5A98;
  --signal-quote-enamel-top: #25608F;
  --signal-quote-enamel-mid: #1F4E79;
  --signal-quote-enamel-bottom: #173C5E;
  --signal-quote-enamel-cream: #F4EFE2;
  --signal-quote-blueprint-base: #123A63;
  --signal-quote-blueprint-text: #E8F1FA;
  --signal-quote-marquee-top: #1E1A22;
  --signal-quote-marquee-bottom: #0D0C10;
  --signal-quote-marquee-text: #FFF6E2;
  --signal-quote-terminal-base: #0B1210;
  --signal-quote-terminal-green: #3FA96B;
  --signal-quote-terminal-text: #B6F0C8;
  --signal-excellent-1: #FF5FA2;
  --signal-excellent-2: #8E5CFF;
  --signal-excellent-3: #37D6E0;
  --signal-medal-gold: #E7C255;
  --signal-medal-gold-light: #FCEBA6;
  --signal-medal-gold-dark: #BA8B10;
  --signal-medal-gold-deep: #7C5C0C;
  --signal-medal-gold-ribbon: #D8A83C;
  --signal-medal-silver: #DADAE2;
  --signal-medal-silver-light: #FFFFFF;
  --signal-medal-silver-dark: #A8A8B4;
  --signal-medal-silver-deep: #6C6C7A;
  --signal-medal-silver-ribbon: #B9BEC9;
  --signal-medal-bronze: #D08C51;
  --signal-medal-bronze-light: #F5CDA2;
  --signal-medal-bronze-dark: #A5622D;
  --signal-medal-bronze-deep: #6E4118;
  --signal-medal-bronze-ribbon: #C98246;
}