:root {
  /* --- THEME COLORS --- */
  /* Digital Layer (Background) */
  --digital-bg: #0d1117;
  --digital-grid: rgba(0, 183, 255, 0.07);
  --digital-glow: #00f6ff;
  --digital-accent: #64ffda;
  --digital-text: #c9d1d9;

  /* Parchment Layer (Content) */
  --parchment-bg: #fdf5e6;
  --parchment-text: #2c241b;
  --parchment-border: #d4c8b0;
  --shadow-color: rgba(0, 0, 0, 0.4);

  /* --- FONTS --- */
  --font-handwritten: "Caveat", cursive;
  --font-futuristic: "Orbitron", sans-serif;
  --font-serif: "Lora", serif;
  --font-sans: "Inter", sans-serif;
  --font-mono: "Courier Prime", monospace;
  --font-greek: "Noto Serif Greek", serif;
  --font-hebrew: "Noto Serif Hebrew", serif;

  /* --- SPACING & LAYOUT (Fluid) --- */
  --spacing-xs: clamp(0.25rem, 1vw, 0.5rem);
  --spacing-sm: clamp(0.5rem, 2vw, 1rem);
  --spacing-md: clamp(0.75rem, 3vw, 1.5rem);
  --spacing-lg: clamp(1rem, 4vw, 2.5rem);
  --spacing-xl: clamp(2rem, 6vw, 4rem);
  --max-width-text: 68ch;
  --border-radius: 8px;
  
  /* --- FLUID TYPOGRAPHY --- */
  --font-size-xs: clamp(0.7rem, 1.8vw, 0.75rem);
  --font-size-sm: clamp(0.8rem, 2vw, 0.875rem);
  --font-size-base: clamp(0.875rem, 2.2vw, 1rem);
  --font-size-lg: clamp(1rem, 2.5vw, 1.25rem);
  --font-size-xl: clamp(1.25rem, 3vw, 1.5rem);
  --font-size-2xl: clamp(1.5rem, 4vw, 2rem);

  /* --- TRANSITIONS --- */
  --transition-speed: 0.3s;
  --focus-outline-width: 3px;
  --focus-outline-color: #005fcc;
  --focus-outline-color-dark: #64ffda;
}

@media (prefers-contrast: more) {
  :root {
    --parchment-text: #000000;
    --parchment-border: #000000;
    --digital-text: #ffffff;
    --focus-outline-width: 4px;
  }
}