/* =========================================================================
   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: pathsofpangea. Palette from owner.json.
   ========================================================================= */

:root {
  /* ---- surfaces ---- */
  --bg: #0b0406;
  --bg-2: #140d0f;
  --bg-deep: #050203;
  --surface: #191214;
  --surface-2: #221b1d;
  --surface-3: #2c2526;
  --surface-sink: #080305;
  --surface-hover: rgba(228,34,44,0.09);

  /* ---- scrims ---- */
  --scrim-nav: rgba(11,4,6,0.86);
  --scrim-nav-mobile: rgba(9,3,5,0.98);
  --scrim-panel: rgba(25,18,20,0.72);
  --scrim-modal: rgba(8,3,4,0.78);
  --qr-plate: #ffffff;
  --art-plate: #ffffff;

  /* ---- ink ---- */
  --fg: #f5edec;
  --fg-dim: #c2abac;
  --fg-mute: #8e7a7c;
  --on-primary: #050203;

  /* ---- borders ---- */
  --border: #352e2f;
  --border-2: #484142;
  --edge: #645d5d;
  --edge-lit: #9c9495;
  --chisel: rgba(156,148,149,0.3);

  /* ---- accent ---- */
  --accent: #e4222c;
  --accent-hi: #ff6552;
  --accent-rgb: 228, 34, 44;
  --accent-wash: rgba(228,34,44,0.09);
  --accent-wash-2: rgba(228,34,44,0.13);
  --accent-glow: rgba(228,34,44,0.28);
  --primary: #ff6552;

  /* ---- signals ---- */
  --ok: #78e6a6;
  --ok-dim: #345a43;
  --ok-halo: rgba(120,230,166,0.15);
  --ok-glow: rgba(120,230,166,0.75);
  --warn: #f2b84c;
  --warn-dim: #634821;
  --warn-halo: rgba(242,184,76,0.13);
  --warn-glow: rgba(242,184,76,0.7);
  --bad: #ff9c86;
  --bad-dim: #683e37;
  --bad-halo: rgba(255,156,134,0.13);
  --bad-glow: rgba(255,156,134,0.7);
  --bad-ink: rgba(255,156,134,0.08);
  --on-bad: #050203;

  /* ---- gradients ---- */
  --grad-hero-text: linear-gradient(176deg, #f8f3f3 12%, #c2abac 52%, #938b8b 100%);
  --grad-hero-halo: radial-gradient(circle at 58% 30%, rgba(236,100,107,0.24), transparent 58%);
  --grad-btn-primary: linear-gradient(180deg, #ff7463, #e05948);
  --grad-btn-primary-hover: linear-gradient(180deg, #ff8778, #fa6350);
  --grad-cta: linear-gradient(180deg, #2c2526, #221b1d);
  --grad-card: linear-gradient(180deg, #191214, #080305);
  --grad-status: linear-gradient(180deg, #20191b, #080305);
  --grad-icon-well: linear-gradient(180deg, #272022, #171012);
  --grad-notice: linear-gradient(180deg, #1e1718, #140d0f);
  --grad-foot: linear-gradient(180deg, rgba(20,13,15,0.6), rgba(5,2,3,0.9));
  --grad-poster: radial-gradient(circle at 38% 34%, rgba(228,34,44,0.25), transparent 62%);
  --grad-shimmer: linear-gradient(90deg, rgba(228,34,44,0), rgba(255,101,82,0.85), rgba(120,230,166,0.6), rgba(242,184,76,0.6), rgba(228,34,44,0));
  --backdrop-layers: radial-gradient(1100px 620px at 82% -8%, rgba(232,67,76,0.16), transparent 62%), radial-gradient(900px 520px at 12% 104%, rgba(125,19,24,0.2), transparent 66%), linear-gradient(180deg, #0b0406 0%, #050203 58%, #050203 100%);
  --backdrop-drift: radial-gradient(46% 22% at 20% 24%, rgba(174,26,34,0.09), transparent 70%), radial-gradient(38% 18% at 68% 12%, rgba(174,26,34,0.07), transparent 72%), radial-gradient(52% 20% at 44% 62%, rgba(130,20,27,0.05), transparent 74%);
  --stage-floor: radial-gradient(75% 60% at 50% 82%, rgba(109,18,23,0.3), transparent 70%), radial-gradient(50% 34% at 76% 6%, rgba(232,67,76,0.14), transparent 65%), linear-gradient(180deg, #140d0f 0%, #050203 88%);

  /* ---- art ---- */
  --art-mark: url('/assets/brand/mark.webp?v=c46eadbe6e');
  --art-hero: url('/assets/brand/banner.webp?v=1eae30f230');
  --art-og: url('/assets/brand/og-1200x630.jpg?v=d9b6b9e3f7');
  --art-background: url('/assets/brand/background.webp?v=14f1a6697f');
  --hero-art-display: block;

  /* ---- type ---- */
  --font-display: 'Anton', 'Arial Narrow', 'Franklin Gothic Medium', Impact, sans-serif;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, '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: "pathsofpangea.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(228,34,44,0.28);
  --shadow-text: 0 1px 3px rgba(5,2,3,0.85), 0 0 8px rgba(5,2,3,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(5,2,3,0.74);
  --mv-stamina: #2BD9C8;
  --mv-text: #E8EEF6;
  --mv-thirst: #4FC3F7;
  --mv-unknown: #6C7A8C;
  --mv-unknown-halo: rgba(108,122,140,0.16);

}