/* ═══════════════════════════════════════════════════════════
   L2 WEBSITE — CSS VARIABLES & DESIGN TOKENS
   Edit these to change the entire look of the site
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Core Colors ── */
  --color-bg-dark:       #0a0805;
  --color-bg-panel:      rgba(18, 14, 10, 0.92);
  --color-bg-panel-solid:#120e0a;
  --color-bg-input:      rgba(10, 8, 5, 0.85);
  --color-bg-hover:      rgba(139, 115, 85, 0.10);
  --color-bg-active:     rgba(139, 115, 85, 0.18);

  /* ── Border / Ornament ── */
  --color-border:        #3a2d1e;
  --color-border-light:  #4a3d2e;
  --color-border-gold:   #8b7355;
  --color-border-bright: #b89b40;

  /* ── Text ── */
  --color-text-primary:  #d4c4a0;
  --color-text-secondary:#a09080;
  --color-text-muted:    #6a5a4a;
  --color-text-dim:      #5a5040;
  --color-text-dark:     #3a2d1e;
  --color-text-gold:     #f0d860;
  --color-text-white:    #e8e0d0;

  /* ── Accent Colors ── */
  --color-gold:          #8b7355;
  --color-gold-bright:   #f0d860;
  --color-gold-deep:     #b89b40;
  --color-red:           #c42020;
  --color-red-dark:      #8b1a1a;
  --color-blue:          #2050c4;
  --color-blue-dark:     #1a3d8b;
  --color-green:         #20a420;
  --color-green-dark:    #1a6b1a;

  /* ── Fonts ── */
  --font-heading:        'Cinzel', 'Palatino Linotype', 'Georgia', serif;
  --font-body:           'Cinzel', 'Georgia', serif;
  --font-mono:           'Consolas', 'Courier New', monospace;

  /* ── Sizes ── */
  --header-height:       56px;
  --max-width:           1100px;
  --border-radius:       0px;        /* L2 uses sharp corners */
  --panel-padding:       16px;

  /* ── Shadows ── */
  --shadow-panel:        0 0 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(139, 115, 85, 0.08);
  --shadow-glow-gold:    0 0 10px rgba(184, 155, 64, 0.4);
  --shadow-button:       0 0 8px rgba(139, 115, 85, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.05);

  /* ── Transitions ── */
  --transition-fast:     0.15s ease;
  --transition-normal:   0.25s ease;

  /* ── Z-index layers ── */
  --z-bg:                0;
  --z-content:           1;
  --z-header:            100;
  --z-modal:             1000;
}