/*! * Birbs.com — Design Tokens * "Premium Playful Ornithology" — warm, joyful, editorial, accessible. * * Single source of CSS custom properties consumed by main.css + components.css. * Mirrors docs/BUILD-CONTRACT.md §11 and theme.json `settings.custom`. * * Load order: birbs-tokens → birbs-theme → birbs-components. * No @import. No network requests here (fonts are enqueued separately). * * Color modes: * - :root → light (default) * - [data-theme="dark"] → explicit dark (user toggle) * - @media (prefers-color-scheme: dark) → OS-driven dark when no explicit choice * - [data-theme="light"] → explicit light, beats the OS preference * * @package Birbs\Theme */ :root{color-scheme: light;--birbs-color-canopy: #1F3D2B;--birbs-color-midnight: #11233A;--birbs-color-gold: #E8A53D;--birbs-color-eggshell: #F7F3E8;--birbs-color-teal: #1FA8A0;--birbs-color-cardinal: #C0392B;--birbs-color-charcoal: #22262B;--birbs-color-cloud: #FFFFFF;--birbs-color-mist: #ECE7DA;--birbs-trop-jungle-900: #06291E;--birbs-trop-jungle-800: #0B3D2E;--birbs-trop-jungle-700: #15573F;--birbs-trop-jungle-600: #1C7E5C;--birbs-trop-jungle-500: #2BA877;--birbs-trop-jungle-400: #4FCB93;--birbs-trop-leaf-lime: #9BE86A;--birbs-trop-canopy-teal:#1E8F84;--birbs-trop-mist: #A6D7C8;--birbs-trop-mist-far: #CBE7E4;--birbs-trop-dawn-gold: #FCE3A6;--birbs-trop-dawn-amber: #F4C66A;--birbs-trop-dawn-haze: #FDEFC8;--birbs-trop-dawn-peach: #F6C98E;--birbs-trop-macaw-blue: #1567C8;--birbs-trop-macaw-cyan: #34A6E0;--birbs-trop-scarlet: #E8362B;--birbs-trop-toucan-org: #F47A1F;--birbs-trop-toucan-yel: #FAD036;--birbs-trop-parrot-lime:#7ED957;--birbs-hero-sky: linear-gradient( 178deg, var(--birbs-trop-dawn-haze, #FDEFC8) 0%, #FBE0A8 14%, var(--birbs-trop-dawn-peach, #F6C98E) 30%, #C7C99B 46%, #7FBE9C 62%, var(--birbs-trop-jungle-600, #1C7E5C) 82%, var(--birbs-trop-jungle-700, #15573F) 100% );--birbs-hero-sun: radial-gradient( 68% 56% at 72% 16%, color-mix(in srgb, var(--birbs-trop-dawn-gold, #FCE3A6) 96%, #fff) 0%, color-mix(in srgb, var(--birbs-trop-dawn-amber, #F4C66A) 78%, transparent) 34%, transparent 66% );--birbs-color-canopy-700: #16301F;--birbs-color-canopy-300: #4F7A5F;--birbs-color-gold-600: #C9842A;--birbs-color-gold-100: #FBEFD6;--birbs-color-teal-700: #167C76;--birbs-color-teal-100: #D6F1EF;--birbs-color-cardinal-700: #9A2C20;--birbs-color-cardinal-100: #F6DEDA;--birbs-bg: var(--birbs-color-eggshell);--birbs-surface: var(--birbs-color-cloud);--birbs-surface-2: #FBF9F2;--birbs-surface-sunk: var(--birbs-color-mist);--birbs-ink: var(--birbs-color-charcoal);--birbs-ink-soft: #4B5159;--birbs-ink-faint: #6E747C;--birbs-ink-invert: var(--birbs-color-cloud);--birbs-ink-accent: var(--birbs-color-canopy);--birbs-heading: var(--birbs-color-midnight);--birbs-border: #E1DACB;--birbs-border-strong: #CFC6B2;--birbs-overlay: rgba(17, 35, 58, .55);--birbs-backdrop: rgba(247, 243, 232, .82);--birbs-accent: var(--birbs-color-teal);--birbs-accent-ink: var(--birbs-color-teal-700);--birbs-link: var(--birbs-color-teal-700);--birbs-link-hover: var(--birbs-color-canopy);--birbs-focus: var(--birbs-color-midnight);--birbs-focus-invert: var(--birbs-color-gold);--birbs-success: #2E7D52;--birbs-success-bg: #E3F1E8;--birbs-warning: #B26A00;--birbs-warning-bg: #FBEFD6;--birbs-danger: var(--birbs-color-cardinal);--birbs-danger-bg: var(--birbs-color-cardinal-100);--birbs-info: var(--birbs-color-midnight);--birbs-info-bg: #E3EAF2;--birbs-iucn-lc: #2E7D52;--birbs-iucn-nt: #7FAF3A;--birbs-iucn-vu: #E8A53D;--birbs-iucn-en: #E07B39;--birbs-iucn-cr: #C0392B;--birbs-iucn-ew: #7A4FB5;--birbs-iucn-ex: #4B5159;--birbs-iucn-dd: #8A8F97;--birbs-iucn-ne: #B9BEC5;--birbs-font-serif: 'Fraunces',Georgia,'Times New Roman',serif;--birbs-font-sans: system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;--birbs-font-mono: ui-monospace,'SFMono-Regular','Menlo','Consolas',monospace;--birbs-weight-body: 400;--birbs-weight-medium: 500;--birbs-weight-semi: 600;--birbs-weight-bold: 700;--birbs-leading-tight: 1.15;--birbs-leading-snug: 1.3;--birbs-leading-body: 1.65;--birbs-tracking-tight: -0.01em;--birbs-tracking-wide: 0.04em;--birbs-text-xs: 0.8125rem;--birbs-text-sm: 0.9375rem;--birbs-text-base: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);--birbs-text-lg: clamp(1.125rem, 1.07rem + 0.3vw, 1.375rem);--birbs-text-xl: clamp(1.375rem, 1.25rem + 0.6vw, 1.75rem);--birbs-text-2xl: clamp(1.75rem, 1.5rem + 1.1vw, 2.625rem);--birbs-text-3xl: clamp(2.25rem, 1.85rem + 1.9vw, 3.5rem);--birbs-text-display: clamp(2.75rem, 2rem + 3.4vw, 4.75rem);--birbs-radius: 16px;--birbs-radius-sm: 10px;--birbs-radius-lg: 24px;--birbs-radius-xl: 32px;--birbs-radius-pill: 999px;--birbs-shadow: 0 10px 30px rgba(17, 35, 58, .10);--birbs-shadow-sm: 0 4px 14px rgba(17, 35, 58, .08);--birbs-shadow-pop: 0 18px 50px rgba(17, 35, 58, .18);--birbs-shadow-ring: 0 0 0 1px rgba(17, 35, 58, .06);--birbs-space-1: 0.25rem;--birbs-space-2: 0.5rem;--birbs-space-3: 0.75rem;--birbs-space-4: 1rem;--birbs-space-5: 1.5rem;--birbs-space-6: 2rem;--birbs-space-7: 3rem;--birbs-space-8: 4rem;--birbs-space-section: clamp(2.5rem, 1.5rem + 4vw, 5.5rem);--birbs-maxw: 1200px;--birbs-maxw-wide: 1440px;--birbs-maxw-text: 72ch;--birbs-maxw-narrow: 56ch;--birbs-gutter: clamp(1rem, 0.6rem + 2vw, 2rem);--birbs-header-h: 72px;--birbs-anim: 240ms;--birbs-anim-fast: 140ms;--birbs-anim-slow: 420ms;--birbs-ease: cubic-bezier(.22, .61, .36, 1);--birbs-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--birbs-transition: var(--birbs-anim) var(--birbs-ease);--birbs-shadow-panel: 0 1px 1px rgba(17, 35, 58, .05),0 12px 24px -8px rgba(17, 35, 58, .14),0 28px 60px -24px rgba(17, 35, 58, .22);--birbs-hairline: color-mix(in srgb, var(--birbs-border, #E1DACB) 100%, transparent);--birbs-inner-light: inset 0 1px 0 rgba(255, 255, 255, .55);--birbs-wash-warm: linear-gradient(180deg, #FBF8EF 0%, var(--birbs-color-eggshell, #F7F3E8) 100%);--birbs-wash-cool: linear-gradient(180deg, var(--birbs-surface-2, #FBF9F2) 0%, var(--birbs-surface, #fff) 100%);--birbs-z-base: 1;--birbs-z-sticky: 100;--birbs-z-mega: 200;--birbs-z-drawer: 300;--birbs-z-overlay: 400;--birbs-z-modal: 500;--birbs-z-toast: 600;--birbs-z-skip: 700;--birbs-grad-sunrise: linear-gradient(135deg, var(--birbs-color-gold) 0%, var(--birbs-color-cardinal) 100%);--birbs-grad-canopy-dusk: linear-gradient(160deg, var(--birbs-color-canopy) 0%, var(--birbs-color-midnight) 100%);--birbs-grad-lagoon: linear-gradient(135deg, var(--birbs-color-teal) 0%, var(--birbs-color-canopy) 100%);--birbs-grad-eggshell: linear-gradient(180deg, #FBF8EF 0%, var(--birbs-color-eggshell) 100%);--birbs-hero-ink: var(--birbs-color-eggshell);--birbs-hero-ink-soft: color-mix(in srgb, var(--birbs-color-eggshell) 82%, transparent);--birbs-hero-ray: color-mix(in srgb, var(--birbs-trop-dawn-haze, #FDEFC8) 88%, #fff);--birbs-hero-base: var(--birbs-trop-jungle-700, #15573F);--birbs-hero-feather: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 320' fill='none' stroke='%23F7F3E8' stroke-opacity='0.10' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M60 8C32 70 24 150 40 250c4 26 12 46 20 60'/%3E%3Cpath d='M60 8C88 70 96 150 80 250c-4 26-12 46-20 60'/%3E%3Cpath d='M58 52 33 92M62 52 87 92M56 96 28 142M64 96 92 142M54 146 26 196M66 146 94 196M53 200 30 246M67 200 90 246'/%3E%3C/svg%3E")}[data-theme="dark"]{color-scheme: dark;--birbs-bg: #0E1812;--birbs-surface: #16221B;--birbs-surface-2: #1D2C24;--birbs-surface-sunk: #0A120D;--birbs-ink: #ECE7DA;--birbs-ink-soft: #C2BFB3;--birbs-ink-faint: #9AA39A;--birbs-ink-invert: #11233A;--birbs-ink-accent: #7FD0A6;--birbs-heading: #F4EFE2;--birbs-border: #2A382F;--birbs-border-strong: #3A4C40;--birbs-overlay: rgba(4, 9, 6, .66);--birbs-backdrop: rgba(14, 24, 18, .82);--birbs-color-teal: #34C6BD;--birbs-color-gold: #F2B855;--birbs-color-cardinal:#E2685B;--birbs-color-teal-100:#15302D;--birbs-color-gold-100:#3A2E16;--birbs-color-cardinal-100:#3A1B17;--birbs-accent: #34C6BD;--birbs-accent-ink: #7BE0D8;--birbs-link: #5FD8CF;--birbs-link-hover: #8FE7B4;--birbs-focus: var(--birbs-color-gold);--birbs-focus-invert: var(--birbs-color-midnight);--birbs-success: #6FD49A;--birbs-success-bg: #16301F;--birbs-warning: #F2B855;--birbs-warning-bg: #3A2E16;--birbs-danger: #E2685B;--birbs-danger-bg: #3A1B17;--birbs-info: #9DC0E8;--birbs-info-bg: #16242F;--birbs-iucn-lc: #5FCF8A;--birbs-iucn-nt: #A6D45C;--birbs-iucn-vu: #F2B855;--birbs-iucn-en: #F0995E;--birbs-iucn-cr: #E2685B;--birbs-iucn-ew: #B08CE0;--birbs-iucn-ex: #A7ADB4;--birbs-iucn-dd: #A7ADB4;--birbs-iucn-ne: #7E848C;--birbs-shadow: 0 10px 30px rgba(0, 0, 0, .45);--birbs-shadow-sm: 0 4px 14px rgba(0, 0, 0, .40);--birbs-shadow-pop: 0 18px 50px rgba(0, 0, 0, .55);--birbs-shadow-ring: 0 0 0 1px rgba(255, 255, 255, .06);--birbs-grad-eggshell: linear-gradient(180deg, #16221B 0%, #0E1812 100%);--birbs-shadow-panel: 0 1px 1px rgba(0, 0, 0, .35),0 12px 24px -8px rgba(0, 0, 0, .50),0 28px 60px -24px rgba(0, 0, 0, .62);--birbs-inner-light: inset 0 1px 0 rgba(255, 255, 255, .06);--birbs-wash-warm: linear-gradient(180deg, #182519 0%, var(--birbs-bg, #0E1812) 100%);--birbs-wash-cool: linear-gradient(180deg, var(--birbs-surface-2, #1D2C24) 0%, var(--birbs-surface, #16221B) 100%);--birbs-trop-dawn-haze: #E7C684;--birbs-trop-dawn-gold: #F4C66A;--birbs-trop-dawn-amber: #E89A3C;--birbs-trop-mist: #6E9C90;--birbs-trop-mist-far: #8FB6B4;--birbs-trop-jungle-700: #123E2D;--birbs-hero-base: #0E3324;--birbs-hero-ray: color-mix(in srgb, var(--birbs-trop-dawn-haze, #E7C684) 80%, #fff);--birbs-hero-sky: linear-gradient( 178deg, #5A4A24 0%, #4A4321 14%, #3A4326 32%, #1F4632 52%, #143E2C 74%, #0E3324 100% );--birbs-hero-sun: radial-gradient( 64% 52% at 72% 16%, color-mix(in srgb, var(--birbs-trop-dawn-gold, #F4C66A) 78%, transparent) 0%, color-mix(in srgb, var(--birbs-trop-dawn-amber, #E89A3C) 48%, transparent) 36%, transparent 68% )}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]):not([data-theme="dark"]){color-scheme: dark;--birbs-bg: #0E1812;--birbs-surface: #16221B;--birbs-surface-2: #1D2C24;--birbs-surface-sunk: #0A120D;--birbs-ink: #ECE7DA;--birbs-ink-soft: #C2BFB3;--birbs-ink-faint: #9AA39A;--birbs-ink-invert: #11233A;--birbs-ink-accent: #7FD0A6;--birbs-heading: #F4EFE2;--birbs-border: #2A382F;--birbs-border-strong: #3A4C40;--birbs-overlay: rgba(4, 9, 6, .66);--birbs-backdrop: rgba(14, 24, 18, .82);--birbs-color-teal: #34C6BD;--birbs-color-gold: #F2B855;--birbs-color-cardinal:#E2685B;--birbs-color-teal-100:#15302D;--birbs-color-gold-100:#3A2E16;--birbs-color-cardinal-100:#3A1B17;--birbs-accent: #34C6BD;--birbs-accent-ink: #7BE0D8;--birbs-link: #5FD8CF;--birbs-link-hover: #8FE7B4;--birbs-focus: var(--birbs-color-gold);--birbs-focus-invert: var(--birbs-color-midnight);--birbs-success: #6FD49A;--birbs-success-bg: #16301F;--birbs-warning: #F2B855;--birbs-warning-bg: #3A2E16;--birbs-danger: #E2685B;--birbs-danger-bg: #3A1B17;--birbs-info: #9DC0E8;--birbs-info-bg: #16242F;--birbs-iucn-lc: #5FCF8A;--birbs-iucn-nt: #A6D45C;--birbs-iucn-vu: #F2B855;--birbs-iucn-en: #F0995E;--birbs-iucn-cr: #E2685B;--birbs-iucn-ew: #B08CE0;--birbs-iucn-ex: #A7ADB4;--birbs-iucn-dd: #A7ADB4;--birbs-iucn-ne: #7E848C;--birbs-shadow: 0 10px 30px rgba(0, 0, 0, .45);--birbs-shadow-sm: 0 4px 14px rgba(0, 0, 0, .40);--birbs-shadow-pop: 0 18px 50px rgba(0, 0, 0, .55);--birbs-shadow-ring: 0 0 0 1px rgba(255, 255, 255, .06);--birbs-grad-eggshell: linear-gradient(180deg, #16221B 0%, #0E1812 100%);--birbs-shadow-panel: 0 1px 1px rgba(0, 0, 0, .35),0 12px 24px -8px rgba(0, 0, 0, .50),0 28px 60px -24px rgba(0, 0, 0, .62);--birbs-inner-light: inset 0 1px 0 rgba(255, 255, 255, .06);--birbs-wash-warm: linear-gradient(180deg, #182519 0%, var(--birbs-bg, #0E1812) 100%);--birbs-wash-cool: linear-gradient(180deg, var(--birbs-surface-2, #1D2C24) 0%, var(--birbs-surface, #16221B) 100%);--birbs-trop-dawn-haze: #E7C684;--birbs-trop-dawn-gold: #F4C66A;--birbs-trop-dawn-amber: #E89A3C;--birbs-trop-mist: #6E9C90;--birbs-trop-mist-far: #8FB6B4;--birbs-trop-jungle-700: #123E2D;--birbs-hero-base: #0E3324;--birbs-hero-ray: color-mix(in srgb, var(--birbs-trop-dawn-haze, #E7C684) 80%, #fff);--birbs-hero-sky: linear-gradient( 178deg, #5A4A24 0%, #4A4321 14%, #3A4326 32%, #1F4632 52%, #143E2C 74%, #0E3324 100% );--birbs-hero-sun: radial-gradient( 64% 52% at 72% 16%, color-mix(in srgb, var(--birbs-trop-dawn-gold, #F4C66A) 78%, transparent) 0%, color-mix(in srgb, var(--birbs-trop-dawn-amber, #E89A3C) 48%, transparent) 36%, transparent 68% )}}@media (prefers-reduced-motion: reduce){:root{--birbs-anim: 0.01ms;--birbs-anim-fast: 0.01ms;--birbs-anim-slow: 0.01ms;--birbs-ease-spring: var(--birbs-ease)}}@media (forced-colors: active){:root{--birbs-focus: Highlight;--birbs-focus-invert: Highlight;--birbs-border: CanvasText}}