/* ============================================================
   WOSOL DIGITAL GROWTH — GLASS & CINEMATIC TOKENS
   The "shine" layer: frosted glassmorphism + dramatic brand glows
   for premium dark, cinematic compositions. Burgundy + pine on black.
   ============================================================ */

:root {
  /* --- Cinematic canvas --- */
  --canvas-black: #060706;
  --canvas-deep: #0A0B0A;        /* @kind color */
  --canvas-elev: #101211;        /* @kind color */

  /* --- Glow colors (use in radial-gradients / box-shadows) --- */
  --glow-pine: rgba(58, 118, 89, 0.55);     /* @kind color */
  --glow-pine-soft: rgba(29, 77, 56, 0.40); /* @kind color */
  --glow-burgundy: rgba(154, 39, 49, 0.55); /* @kind color */
  --glow-burgundy-soft: rgba(114, 23, 31, 0.42); /* @kind color */
  --glow-ember: rgba(199, 106, 114, 0.5);   /* @kind color */

  /* --- Glass surfaces (frosted, translucent) --- */
  --glass-fill: rgba(255, 255, 255, 0.06);       /* @kind color */
  --glass-fill-strong: rgba(255, 255, 255, 0.10);/* @kind color */
  --glass-fill-pine: rgba(42, 96, 72, 0.22);     /* @kind color */
  --glass-fill-burgundy: rgba(114, 23, 31, 0.22);/* @kind color */
  --glass-border: rgba(255, 255, 255, 0.14);     /* @kind color */
  --glass-border-bright: rgba(255, 255, 255, 0.28);/* @kind color */
  --glass-highlight: rgba(255, 255, 255, 0.5);   /* @kind color */

  /* Blur radius for backdrop-filter */
  --glass-blur: 18px;        /* @kind other */
  --glass-blur-strong: 32px; /* @kind other */

  /* --- Glass shadow stack (depth + faint brand bloom) --- */
  --glass-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.7), inset 0 1px 0 0 rgba(255, 255, 255, 0.10);
  --glow-shadow-pine: 0 30px 90px -30px rgba(42, 96, 72, 0.7);
  --glow-shadow-burgundy: 0 30px 90px -30px rgba(154, 39, 49, 0.65);

  /* --- HUD / technical marker --- */
  --hud-line: rgba(255, 255, 255, 0.22);   /* @kind color */
  --hud-text: rgba(255, 255, 255, 0.5);    /* @kind color */
  --font-mono-hud: var(--font-mono);
}