/* ============================================================================
   Luna – Design Tokens
   1:1 aus der iOS-App (LunaColors.swift / LunaType.swift / LunaFont.swift).
   Eine Nachtwelt: fest dunkel, drei Schriften, poetischer Ton.
   ============================================================================ */

/* --- Fonts (self-hosted, aus Luna/Resources/Fonts, Latin-subset woff2) --- */

@font-face { font-family:"Spectral"; font-style:normal; font-weight:300;
  src:url("../fonts/Spectral-Light.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Spectral"; font-style:italic; font-weight:300;
  src:url("../fonts/Spectral-LightItalic.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Spectral"; font-style:normal; font-weight:400;
  src:url("../fonts/Spectral-Regular.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Spectral"; font-style:italic; font-weight:400;
  src:url("../fonts/Spectral-Italic.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Spectral"; font-style:normal; font-weight:500;
  src:url("../fonts/Spectral-Medium.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Spectral"; font-style:normal; font-weight:600;
  src:url("../fonts/Spectral-SemiBold.woff2") format("woff2"); font-display:swap; }

@font-face { font-family:"Inter"; font-style:normal; font-weight:400;
  src:url("../fonts/Inter-Regular.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Inter"; font-style:italic; font-weight:400;
  src:url("../fonts/Inter-Italic.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Inter"; font-style:normal; font-weight:500;
  src:url("../fonts/Inter-Medium.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Inter"; font-style:normal; font-weight:600;
  src:url("../fonts/Inter-SemiBold.woff2") format("woff2"); font-display:swap; }

@font-face { font-family:"Jost"; font-style:normal; font-weight:200;
  src:url("../fonts/Jost-Thin.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Jost"; font-style:normal; font-weight:300;
  src:url("../fonts/Jost-Light.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Jost"; font-style:normal; font-weight:400;
  src:url("../fonts/Jost-Regular.woff2") format("woff2"); font-display:swap; }
@font-face { font-family:"Jost"; font-style:normal; font-weight:500;
  src:url("../fonts/Jost-Medium.woff2") format("woff2"); font-display:swap; }

:root {
  /* --- Font-Stacks --- */
  --font-display: "Spectral", Georgia, "Times New Roman", serif;   /* Lunas Stimme + Titel */
  --font-ui:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* UI/Body */
  --font-logo:    "Jost", "Century Gothic", sans-serif;            /* Wordmark + Caps-Eyebrows */

  /* --- Akzentfarben (LunaColors.swift) --- */
  --gold:         #D4B872;  /* moonlightGold – aktiv/wichtig, sparsam */
  --knot-silver:  #C9CDD6;  /* Buddy-Metall (Ich-Seite) */
  --knot-gold:    #E8C96A;  /* Buddy-Gold */
  --pearl:        #E8E4D9;  /* Mond-Illustrationen */
  --nudge-orange: #E8A85A;  /* goalNudgeOrange */

  /* --- Text-Hierarchie --- */
  --off-white:    #F4F1EA;  /* warmOffWhite – Body */
  --header-cream: #F7F4EE;  /* Seiten-/Tab-Titel – Elfenbein-Weiss, entgoldet (App bleibt #FFF5E4) */
  --pure-white:   #FFFFFF;  /* Überschriften, grosse Zahlen (sparsam) */
  --muted-blue:   #B8C8DC;  /* Sekundär */
  --hint-blue:    #7088A8;  /* deaktiviert/ruhige Hinweise */
  --eyebrow-cream:#F5F1E6;  /* Caps-Labels */
  --axis-blue:    #7E92AC;  /* Chart-Achsen */

  /* --- Himmel-Stops je Tagesphase (LunaColors.swift:42-50) --- */
  /* Sunset (9 Stops, oben→unten) */
  --sunset-0:#8C1F1F; --sunset-1:#B82E1F; --sunset-2:#D43E22; --sunset-3:#E55831;
  --sunset-4:#F47A36; --sunset-5:#FF9544; --sunset-6:#E8722A; --sunset-7:#C45422; --sunset-8:#7A2810;
  /* Night (5 Stops) */
  --night-0:#0A1929; --night-1:#12283F; --night-2:#1F4068; --night-3:#2D5A8C; --night-4:#1F4068;
  /* Morning (6 Stops) */
  --morning-0:#F4B894; --morning-1:#F5C28E; --morning-2:#F8D49C;
  --morning-3:#FAE0AC; --morning-4:#F8E8C0; --morning-5:#F0DCB0;

  /* --- Berg-Silhouette (MountainPalette.swift) --- */
  --mtn-far-top:   #2A3550;
  --mtn-far-bottom:#1A2540;
  --mtn-near:      #16233D;

  /* --- Material-Bühne (LunaMaterialBackground.swift) --- */
  --ground-top:  #15203A;
  --ground-mid:  #0F1A30;
  --ground-deep: #0A1226;
  --face-fill:   #101A33;

  /* --- App-Nacht-Material (LunaMaterialBackground.swift – FIX, keine Tageszeit) ---
     Effektive Farben vom iPhone gemessen (Splash-Screenshot, P3→sRGB):
     die App malt die Rohtokens nie pur, Lack/Wölbung/Wellen heben sie an. */
  --ground-top-2:  #202D45;   /* radiale Luna-Card-Bühne oben */
  --ground-mid-2:  #17243E;   /* mitte */
  --ground-deep-2: #0F1B31;   /* tief */
  --bg: #0F1B31;              /* Basis = tiefste Bühne */
  --ink: var(--off-white);
  /* Fliesstext auf dem dunklen Material: warm-hell, ruhig, ≥4.5:1. */
  --ink-soft: rgba(244, 241, 234, 0.88);

  /* --- Metall-Signatur (DialSignature.metal – Splash-Logo) --- */
  --metal: linear-gradient(158deg,
    #E7EBF0 0%, #C2C9D4 26%, #7B848F 46%, #E1E5EB 54%, #A7AFBC 74%, #838C9C 100%);

  /* --- Type-Skala (LunaType.swift, in rem umgerechnet, fluid via clamp) --- */
  --t-hero:    clamp(2.6rem, 7vw, 4.6rem);   /* Spectral Light – Hero-Zeile */
  --t-display: clamp(2.0rem, 5vw, 3.2rem);   /* Sektions-Displays */
  --t-belief:  clamp(1.9rem, 4.4vw, 3.0rem); /* Convictions */
  --t-title:   clamp(1.4rem, 3vw, 1.9rem);   /* cardTitle 22 */
  --t-lead:    clamp(1.05rem, 2vw, 1.25rem); /* Intro-Absätze */
  --t-body:    1rem;                          /* Inter 15 */
  --t-poetic:  clamp(1.05rem, 2.2vw, 1.35rem);/* Spectral LightItalic */
  --t-eyebrow: 0.72rem;                        /* Jost Caps 10 */
  --t-small:   0.82rem;

  /* --- Spacing / Radien (App: Cards 26, Dock 36, Padding 24) --- */
  --r-card: 26px;
  --r-pill: 999px;
  --pad:    24px;
  --gutter: clamp(20px, 5vw, 64px);
  --measure: 700px;        /* Lesebreite Legal/Fliesstext */
  --wrap:    1120px;       /* Container */
  --section-y: clamp(96px, 14vh, 220px);

  /* --- Hairlines / Ränder (RimTuning.swift) --- */
  --hairline: rgba(244,241,234,0.14);
  --hairline-strong: rgba(244,241,234,0.24);

  /* --- Motion (LunaPressStyle / LiquidGlassPop / PulseClock) --- */
  --pulse:  3.2s;                                   /* Sichel-Atem */
  --ease-glass: cubic-bezier(0.34, 1.4, 0.5, 1);    /* GlassPop spring, leichtes Überschwingen */
  --ease-out:   cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-fast: 0.18s;
  --dur:      0.5s;
}