/* =========================================================================
   theme.css — generated by webcore/theme.py from owner.json theme.palette.
   DO NOT HAND-EDIT: assemble.py overwrites this file on every build.

   This is the one sheet in the site that holds raw colour literals. Every
   other sheet consumes these role names, so a palette change is one edit
   here and nowhere else. Token names describe the ROLE, never the mood:
   there is no --moon and no --stone, because the next owner is not
   moonlit and does not have a stone ring.

   Owner: dinoqueenslair. Palette from owner.json.
   ========================================================================= */

:root {
  /* ---- surfaces ---- */
  --bg: #08080d;
  --bg-2: #111116;
  --bg-deep: #030308;
  --surface: #16161b;
  --surface-2: #1f1f24;
  --surface-3: #28282e;
  --surface-sink: #06060a;
  --surface-hover: rgba(59,91,255,0.09);

  /* ---- scrims ---- */
  --scrim-nav: rgba(8,8,13,0.86);
  --scrim-nav-mobile: rgba(7,7,11,0.98);
  --scrim-panel: rgba(22,22,27,0.72);
  --scrim-modal: rgba(6,6,9,0.78);
  --qr-plate: #ffffff;
  --art-plate: #ffffff;

  /* ---- ink ---- */
  --fg: #eef0f6;
  --fg-dim: #b6bac6;
  --fg-mute: #767a88;
  --on-primary: #040406;

  /* ---- borders ---- */
  --border: #313237;
  --border-2: #44444a;
  --edge: #5f6066;
  --edge-lit: #97989d;
  --chisel: rgba(151,152,157,0.3);

  /* ---- accent ---- */
  --accent: #3b5bff;
  --accent-hi: #8fb6ff;
  --accent-rgb: 59, 91, 255;
  --accent-wash: rgba(59,91,255,0.09);
  --accent-wash-2: rgba(59,91,255,0.13);
  --accent-glow: rgba(59,91,255,0.28);
  --primary: #f23cb4;

  /* ---- signals ---- */
  --ok: #3be8c4;
  --ok-dim: #1b5d53;
  --ok-halo: rgba(59,232,196,0.15);
  --ok-glow: rgba(59,232,196,0.75);
  --warn: #ffc24c;
  --warn-dim: #664f25;
  --warn-halo: rgba(255,194,76,0.13);
  --warn-glow: rgba(255,194,76,0.7);
  --bad: #ff2545;
  --bad-dim: #661322;
  --bad-halo: rgba(255,37,69,0.13);
  --bad-glow: rgba(255,37,69,0.7);
  --bad-ink: rgba(255,37,69,0.08);
  --on-bad: #040406;

  /* ---- gradients ---- */
  --grad-hero-text: linear-gradient(176deg, #f4f5f9 12%, #b6bac6 52%, #8d8f94 100%);
  --grad-hero-halo: radial-gradient(circle at 58% 30%, rgba(118,140,255,0.24), transparent 58%);
  --grad-btn-primary: linear-gradient(180deg, #f350bc, #d5359e);
  --grad-btn-primary-hover: linear-gradient(180deg, #f567c4, #ed3bb0);
  --grad-cta: linear-gradient(180deg, #28282e, #1f1f24);
  --grad-card: linear-gradient(180deg, #16161b, #06060a);
  --grad-status: linear-gradient(180deg, #1d1d22, #06060a);
  --grad-icon-well: linear-gradient(180deg, #242429, #141419);
  --grad-notice: linear-gradient(180deg, #1a1b20, #111116);
  --grad-foot: linear-gradient(180deg, rgba(17,17,22,0.6), rgba(3,3,8,0.9));
  --grad-poster: radial-gradient(circle at 38% 34%, rgba(59,91,255,0.25), transparent 62%);
  --grad-shimmer: linear-gradient(90deg, rgba(59,91,255,0), rgba(143,182,255,0.85), rgba(59,232,196,0.6), rgba(255,194,76,0.6), rgba(59,91,255,0));
  --backdrop-layers: radial-gradient(1100px 620px at 82% -8%, rgba(88,116,255,0.16), transparent 62%), radial-gradient(900px 520px at 12% 104%, rgba(32,50,140,0.2), transparent 66%), linear-gradient(180deg, #08080d 0%, #030308 58%, #030306 100%);
  --backdrop-drift: radial-gradient(46% 22% at 20% 24%, rgba(46,70,194,0.09), transparent 70%), radial-gradient(38% 18% at 68% 12%, rgba(46,70,194,0.07), transparent 72%), radial-gradient(52% 20% at 44% 62%, rgba(36,54,146,0.05), transparent 74%);
  --stage-floor: radial-gradient(75% 60% at 50% 82%, rgba(31,45,122,0.3), transparent 70%), radial-gradient(50% 34% at 76% 6%, rgba(88,116,255,0.14), transparent 65%), linear-gradient(180deg, #111116 0%, #030308 88%);

  /* ---- art ---- */
  --art-mark: url('/assets/brand/mark.webp?v=ca719f00f6');
  --art-hero: url('/assets/brand/banner.webp?v=ebd0587fe6');
  --art-og: url('/assets/brand/og-1200x630.jpg?v=3862f7d7cb');
  --art-background: url('/assets/brand/background.webp?v=b760b4a63a');
  --hero-art-display: none;

  /* ---- type ---- */
  --font-display: 'Orbitron', 'Bahnschrift', 'Arial Black', 'Segoe UI', sans-serif;
  --font-ui: 'Chakra Petch', 'Bahnschrift', 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --fs-1: 11.5px;
  --fs-2: 13.5px;
  --fs-3: 16px;
  --fs-4: 18px;
  --fs-5: 31px;
  --fs-6: 61px;

  /* ---- shell ---- */
  --prompt: "dinoqueenslair.com:~$";

  /* ---- geometry ---- */
  --r: 2px;
  --r-s: 2px;
  --r-xs: 1px;
  --r-lg: 3px;
  --r-pill: 2px;
  --r-round: 50%;
  --gut: 24px;
  --maxw: 1200px;

  /* ---- elevation ---- */
  --shadow: 0 1px 0 rgba(255,255,255,0.028) inset, 0 10px 30px -18px rgba(0,0,0,0.9);
  --shadow-panel: 0 18px 44px -22px rgba(0,0,0,0.9);
  --glow: 0 0 34px -8px rgba(59,91,255,0.28);
  --shadow-text: 0 1px 3px rgba(3,3,8,0.85), 0 0 8px rgba(3,3,8,0.7);

  /* ---- z ladder ---- */
  --z-nav: 60;
  --z-livebar: 90;
  --z-modal: 120;
  --z-skip: 200;
  --z-map-overlay: 700;
  --z-map-panel: 800;

  /* ---- other ---- */
  --lvc-bite: #FB923C;
  --lvc-bleed: #EF4444;
  --lvc-blood: #FF5CD6;
  --lvc-carb: #FBBF24;
  --lvc-fracture: #34D399;
  --lvc-health: #E23B3B;
  --lvc-hunger: #F97316;
  --lvc-lipid: #60A5FA;
  --lvc-no: #F87171;
  --lvc-ok: #6BCF6B;
  --lvc-oxygen: #38BDF8;
  --lvc-prime: #FCD34D;
  --lvc-prime-dim: rgba(245,158,11,.4);
  --lvc-prime-glow: rgba(245,158,11,.18);
  --lvc-prime-halo: rgba(245,158,11,.15);
  --lvc-protein: #F87171;
  --lvc-sprint: #A78BFA;
  --lvc-stamina: #FBBF24;
  --lvc-thirst: #60A5FA;
  --lvc-well-scrim: rgba(0,0,0,.55);
  --mv-blood: #FF5CD6;
  --mv-diet-a: #F5C542;
  --mv-diet-b: #FF8A7A;
  --mv-diet-c: #9AD0FF;
  --mv-dim: rgba(232,238,246,.55);
  --mv-growth: #F0B429;
  --mv-health: #FF4D6D;
  --mv-hunger: #7ED957;
  --mv-line: rgba(255,255,255,0.1);
  --mv-line-2: rgba(255,255,255,0.22);
  --mv-live: #37D67A;
  --mv-live-halo: rgba(55,214,122,0.18);
  --mv-num-halo: rgba(0,0,0,.7);
  --mv-oxygen: #8AB4FF;
  --mv-plate: rgba(3,3,8,0.74);
  --mv-stamina: #2BD9C8;
  --mv-text: #E8EEF6;
  --mv-thirst: #4FC3F7;
  --mv-unknown: #6C7A8C;
  --mv-unknown-halo: rgba(108,122,140,0.16);

}