/* =============================================================================
   thedimode.com Design Tokens v1.
   Stage 3 implementation by Codex-Site, 2026-05-27.
   Imported on all 5 public-facing surfaces (/, /method, /method/lbp, /access, /privacy).
   Source: Vega Design_Tokens_2026-05-27.css.

   CRITICAL RULES:
   - No gradients. No backdrop-filter. No drop shadows.
   - Single elevation pattern: 1.5px solid var(--accent) on the receipt panel.
   - 8px spacing grid.
============================================================================= */

:root {
  /* COLOR. Background */
  --bg:             #0A0A0A;
  --bg-elevated:    #111111;
  --bg-sunk:        #070707;

  /* COLOR. Text */
  --ink:            #F4F4F4;
  --ink-soft:       #B8B8B8;
  --ink-muted:      #8E8E8E;
  --ink-faint:      #8A8A8A;

  /* COLOR. Border */
  --border:         #1F1F1F;
  --border-strong:  #2A2A2A;

  /* COLOR. Accent */
  --accent:         #C6FF3D;
  --accent-dim:     #A3D932;
  --accent-ink:     #0A0A0A;

  /* COLOR. Status */
  --danger:         #FF6B5B;
  --success:        #7BE38C;

  /* SPACING. 8px base grid */
  --space-0:        4px;
  --space-1:        8px;
  --space-2:        16px;
  --space-3:        24px;
  --space-4:        32px;
  --space-5:        40px;
  --space-6:        48px;
  --space-7:        64px;
  --space-8:        80px;
  --space-9:        96px;
  --space-10:       120px;
  --space-11:       128px;

  /* CONTAINER widths */
  --container-form:    560px;
  --container-default: 760px;
  --container-wide:    860px;
  --container-policy:  720px;
  --container-max:     860px;

  /* CONTENT GUTTERS */
  --gutter-mobile:     24px;
  --gutter-tablet:     40px;
  --gutter-desktop:    64px;

  /* BORDER RADIUS. Operator-grade square edges by default. */
  --radius-sm:      4px;
  --radius-md:      8px;
  --radius-lg:      0px;

  /* BORDER WEIGHTS */
  --border-width-default:        1px;
  --border-width-receipt:        1.5px;
  --border-width-receipt-hover:  2px;

  /* Z-INDEX SCALE */
  --z-base:         0;
  --z-content:      1;
  --z-sticky:       100;
  --z-overlay:      200;
  --z-modal:        300;
  --z-toast:        400;

  /* TIMING. Restraint posture. */
  --duration-fast:    120ms;
  --duration-medium:  150ms;
  --easing-default:   ease-out;

  /* FOCUS RING */
  --focus-width:    2px;
  --focus-offset:   4px;
  --focus-color:    var(--accent);
}

/* REDUCED MOTION. Zero all transitions. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast:   0ms;
    --duration-medium: 0ms;
  }
  *, *::before, *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}