/* ==============================================
   THEME-CORE - Semantic aliases

   Maps raw palette values to semantic names.
   Requires: palette.css loaded first.
   ============================================== */

:root {
  /* ═══════════════════════════════════════════
     BACKGROUNDS
     Deep → Base → Surface → Raised → Hover
     ═══════════════════════════════════════════ */
  --bg-deep: var(--gray-10);
  --bg-base: var(--gray-9);
  --bg-surface: var(--gray-8);
  --bg-raised: var(--gray-7);
  --bg-hover: var(--gray-6);

  /* ═══════════════════════════════════════════
     TEXT
     Bright → Base → Muted → Faint
     ═══════════════════════════════════════════ */
  --text-bright: var(--gray-0);
  --text-base: var(--gray-2);
  --text-muted: var(--gray-4);
  --text-faint: var(--gray-5);

  /* ═══════════════════════════════════════════
     BORDERS & LINES
     ═══════════════════════════════════════════ */
  --line: var(--gray-7);
  --line-strong: var(--gray-6);

  /* ═══════════════════════════════════════════
     FUNCTIONAL
     ═══════════════════════════════════════════ */
  --success: var(--func-success);
  --warning: var(--func-warning);
  --danger: var(--func-danger);
  --info: var(--func-info);

  /* ═══════════════════════════════════════════
     SHADOWS
     Common shadow definitions
     ═══════════════════════════════════════════ */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);

  /* ═══════════════════════════════════════════
     OVERLAYS (neutral)
     ═══════════════════════════════════════════ */
  --overlay-white-5: rgba(255, 255, 255, 0.05);
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-black-20: rgba(0, 0, 0, 0.2);
  --overlay-black-40: rgba(0, 0, 0, 0.4);
}