/* ============================================================
   OVIOS LINUX — THEME VARIABLES
   Edit this file to retheme the entire website.
   All pages import this file first.
   ============================================================ */

:root {

  /* ── Brand Colors ───────────────────────────────────────── */
  --brand-primary: #3b9eff;
  /* Main blue accent */
  --brand-primary-dim: #1a6fcb;
  /* Hover / darker blue */
  --brand-primary-glow: rgba(59, 158, 255, 0.18);
  --brand-secondary: #00e0c7;
  /* Teal highlight */
  --brand-danger: #ff4f4f;
  /* Alerts / warnings */
  --brand-success: #3ddc84;
  /* Success states */
  --brand-warning: #ffb830;
  /* Warning states */

  /* ── Background Scale ───────────────────────────────────── */
  --bg-void: #000000;
  /* Deepest black (hero overlay) */
  --bg-base: #080c12;
  /* Page background */
  --bg-surface: #0e1520;
  /* Card / panel background */
  --bg-elevated: #16202e;
  /* Raised cards */
  --bg-overlay: #1c2a3a;
  /* Hover states, borders */

  /* ── Text Scale ─────────────────────────────────────────── */
  --text-primary: #f0f4ff;
  /* Headlines */
  --text-secondary: #8fa0b8;
  /* Body / descriptions */
  --text-muted: #4a5e72;
  /* Placeholders, disabled */
  --text-accent: #3b9eff;
  /* Links, highlights */

  /* ── Border Scale ───────────────────────────────────────── */
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-default: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(59, 158, 255, 0.30);

  /* ── Particle / Background FX ───────────────────────────── */
  --particle-color: rgba(59, 158, 255, 0.55);
  --star-color: rgba(180, 210, 255, 0.7);
  --nebula-a: rgba(59, 158, 255, 0.07);
  --nebula-b: rgba(0, 224, 199, 0.05);

  /* ── Typography ─────────────────────────────────────────── */
  --font-display: 'Times New Roman', serif;
  --font-body: 'DM Sans', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* ── Spacing & Layout ───────────────────────────────────── */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --section-pad: clamp(4rem, 8vw, 7rem);
  --container-width: 1280px;

  /* ── Transitions ────────────────────────────────────────── */
  --transition-fast: 0.15s ease;
  --transition-base: 0.25s ease;
  --transition-slow: 0.45s ease;

  /* ── Shadows ────────────────────────────────────────────── */
  --shadow-card: 0 2px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 30px rgba(59, 158, 255, 0.15);
  --shadow-glow-strong: 0 0 60px rgba(59, 158, 255, 0.25);
}

/* ── Light Theme Override Example ───────────────────────────
   Uncomment this block to switch to a light theme:

[data-theme="light"] {
  --bg-base:       #f0f4ff;
  --bg-surface:    #ffffff;
  --bg-elevated:   #e8edf8;
  --bg-overlay:    #d8e2f0;
  --text-primary:  #0d1826;
  --text-secondary:#3a4e66;
  --text-muted:    #8fa0b8;
  --border-subtle: rgba(0,0,0,0.05);
  --border-default:rgba(0,0,0,0.10);
}
───────────────────────────────────────────────────────────── */