/* ============================================================
   mavin · Launch Teaser — shared styles
   Fonts: Futura (brand display) · Neue Haas (body) ·
   IBM Plex Mono (system chrome) · Inter (the real app UI)
   ============================================================ */

/* V2 staging: the app itself now runs the Runda brand fonts —
   Futura (display), Neue Haas (body), IBM Plex Mono (system). No Inter. */

/* ---- brand display: Futura ---- */
@font-face { font-family:"Futura Brand"; font-weight:300; src:url("../assets/fonts/FuturaCyrillicLight.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Futura Brand"; font-weight:400; src:url("../assets/fonts/FuturaCyrillicBook.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Futura Brand"; font-weight:500; src:url("../assets/fonts/FuturaCyrillicMedium.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Futura Brand"; font-weight:600; src:url("../assets/fonts/FuturaCyrillicDemi.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Futura Brand"; font-weight:700; src:url("../assets/fonts/FuturaCyrillicBold.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Futura Brand"; font-weight:900; src:url("../assets/fonts/FuturaCyrillicHeavy.ttf") format("truetype"); font-display:swap; }

/* ---- body: Neue Haas ---- */
@font-face { font-family:"Neue Haas Display"; font-weight:400; src:url("../assets/fonts/NeueHaasDisplayRoman.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Neue Haas Display"; font-weight:500; src:url("../assets/fonts/NeueHaasDisplayMediu.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Neue Haas Display"; font-weight:700; src:url("../assets/fonts/NeueHaasDisplayBold.ttf") format("truetype"); font-display:swap; }

/* ---- mono: IBM Plex Mono ---- */
@font-face { font-family:"IBM Plex Mono Brand"; font-weight:400; src:url("../assets/fonts/IBMPlexMono-Regular.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"IBM Plex Mono Brand"; font-weight:500; src:url("../assets/fonts/IBMPlexMono-Medium.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"IBM Plex Mono Brand"; font-weight:600; src:url("../assets/fonts/IBMPlexMono-SemiBold.ttf") format("truetype"); font-display:swap; }

:root{
  /* brand world (parchment) */
  --p-parchment:#EDE7DE;
  --p-bone:#F4EFE3;
  --p-stone:#D5CBBD;
  --p-ink:#151414;
  --p-charcoal:#12100B;
  --p-walnut:#3A2818;
  --p-brass:#A27D4B;
  --p-brass-hi:#C0996A;

  /* the real V2 app — Runda design system, OBSIDIAN theme (default).
     Warm near-black surfaces, parchment text, brass the lone accent. */
  --g-bg:#07090F;          /* obsidian */
  --g-bg-elev:#0E121C;     /* elevated panel */
  --g-bg-panel:#0A0E16;
  --g-bg-recess:#04050A;   /* dock / recessed */
  --g-fg:#EDE7DE;          /* parchment text */
  --g-fg-2:rgba(243,239,230,0.66);
  --g-fg-3:rgba(243,239,230,0.42);
  --g-fg-4:rgba(243,239,230,0.24);
  --g-line:rgba(243,239,230,0.10);
  --g-line-2:rgba(243,239,230,0.05);
  --g-line-strong:rgba(243,239,230,0.22);
  --g-brass:#A27D4B;       /* the single interaction accent */
  --g-brass-hi:#BF9A60;
  --g-brass-lo:#7A5D38;
  --g-green:#4A8C5F;       /* score ≥700 · certified */
  --g-green-glow:34,209,122;
  --g-ember:#B53A2D;       /* score <400 · caution */
  --g-amber:#B58535;
  --g-dock-fg:rgba(244,239,230,0.58);
  --g-dock-active:#EDE7DE;

  --font-display:"Futura Brand","Futura PT","Futura","Trebuchet MS",sans-serif;
  --font-body:"Neue Haas Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --font-mono:"IBM Plex Mono Brand",ui-monospace,monospace;
  --font-app:var(--font-display);
}

* { box-sizing:border-box; }
html,body { margin:0; height:100%; background:#0a0a0a; }
body { font-family:var(--font-body); -webkit-font-smoothing:antialiased; overflow:hidden; }
#root { position:fixed; inset:0; }

/* paper grain for parchment scenes */
.grain::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
.tabnum{ font-variant-numeric:tabular-nums; }