/* Loonee design tokens, taken from the Flutter app (loonee/lib/core/theme).
   The orange never changes across the app's 17 themes; themes only re-tint
   glass, backdrop and text. Values below are the Dark and Light themes and
   the theme-invariant share-card palette (share_card_theme.dart). */

:root {
    /* Brand */
    --orange: #f47b25;
    --orange-ink: #1a0e05;        /* text on orange: 6.9:1 (white is 2.7:1, fails) */
    --orange-soft: #ffb27a;       /* share-card primarySoft */
    --orange-on-paper: #b4480c;   /* care accentText (light): orange text on paper, 5.06:1 */
    --amber: #f59e0b;             /* glowColor1 */
    --rose: #e11d48;              /* glowColor2 */
    --cool: #3e6e8e;              /* share-card cool */

    /* Surfaces */
    --dark: #0a0705;              /* Dark theme scaffold */
    --dark-raised: #161009;       /* share-card backdrop top */
    --paper: #f8f7f5;             /* Light theme scaffold */

    /* Text ramps (GlassTheme textPrimary/Secondary/Tertiary/Muted) */
    --on-dark: #ffffff;
    --on-dark-2: rgba(255, 255, 255, 0.702);
    --on-dark-3: rgba(255, 255, 255, 0.6);
    --on-dark-4: rgba(255, 255, 255, 0.384);
    --on-paper: #1a1a2e;
    --on-paper-2: rgba(0, 0, 0, 0.6);           /* app: .541, darkened to clear WCAG AA (4.5:1) */
    --on-paper-3: rgba(0, 0, 0, 0.451);
    --on-paper-4: rgba(0, 0, 0, 0.259);

    /* Glass (GlassContainer / GlassTheme) */
    --glass-dark-fill: rgba(255, 255, 255, 0.078);
    --glass-dark-border: rgba(255, 255, 255, 0.149);
    --glass-light-fill: rgba(255, 255, 255, 0.6);
    --glass-light-border: rgba(0, 0, 0, 0.078);
    --glass-blur: 15px;           /* GlassContainer default sigma */
    --glass-blur-chrome: 20px;    /* nav / one-off chrome on desktop */
    --glass-blur-mobile: 16px;    /* iOS Safari ceiling */

    /* FrostedPanel hairline + inner top glow */
    --hairline-dark: linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.06));
    --hairline-light: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0.078));
    --inner-glow-dark: linear-gradient(to bottom, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 35%);
    --inner-glow-light: linear-gradient(to bottom, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0) 35%);

    /* Radii */
    --r-chip: 14px;
    --r-card: 20px;
    --r-panel: 24px;
    --r-sheet: 28px;
    --r-slab: 44px;
    --r-pill: 999px;

    /* Type */
    --font: "Space Grotesk", "Space Grotesk Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --track-display: -0.035em;
    --track-title: -0.02em;
    --track-label: 0.01em;

    /* Motion (Flutter curves, exact) */
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-fast-out-slow-in: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    /* House settle spring: mass 1, stiffness 500, damping 32 (zeta 0.716), 454 ms */
    --spring-settle: linear(0, 0.0728, 0.2351, 0.4249, 0.6046, 0.7549, 0.8694, 0.9492, 0.9995, 1.027, 1.0384,
            1.0396, 1.035, 1.0279, 1.0203, 1.0135, 1.008, 1.0039, 1.0012, 0.9995, 0.9987, 0.9984, 0.9985, 0.9987, 0.999);
    --spring-settle-dur: 454ms;
    --dur-1: 200ms;
    --dur-2: 300ms;
    --dur-3: 400ms;
    --dur-4: 500ms;

    /* Layout */
    --gutter: clamp(20px, 5vw, 64px);
    --max: 1240px;
    --nav-h: 52px;
}