/* ═══════════════════════════════════════════════════════════
   SeekerClaw — Theme Configuration
   ───────────────────────────────────────────────────────────
   Change your entire site look here. All visual tokens live
   in this single file: colors, fonts, spacing, and effects.
   ═══════════════════════════════════════════════════════════ */

:root {
  /* ── Brand Colors ────────────────────────────────────── */
  --color-primary: #E41F28;           /* Main brand color (logo red) */
  --color-secondary: #E41F28;         /* Secondary accent (logo red) */
  --color-accent: #E41F28;            /* Tertiary accent (logo red) */
  --color-danger: #ff4d6a;            /* Error / negative states */
  --color-warning: #f5a623;           /* Warning / caution */

  /* ── Background Layers ───────────────────────────────── */
  --bg-deep: #06080f;                 /* Page background */
  --bg-surface: #0b0f1a;             /* Alternate section background */
  --bg-card: #0f1420;                /* Card background */
  --bg-card-hover: #131a28;          /* Card hover state */
  --bg-elevated: #161d2d;            /* Elevated surfaces */

  /* ── Borders ─────────────────────────────────────────── */
  --border: #1a2235;                  /* Default border */
  --border-subtle: #141b2a;           /* Subtle dividers */
  --border-glow: rgba(228, 31, 40, 0.25); /* Glow border */

  /* ── Text Colors ─────────────────────────────────────── */
  --text-primary: #eaf0ff;            /* Headings & body */
  --text-secondary: #8892b0;          /* Descriptions */
  --text-muted: #4a5470;             /* Captions & hints */

  /* ── Gradients (derived from brand colors) ───────────── */
  --gradient-brand: #E41F28;
  --gradient-brand-subtle: rgba(228, 31, 40, 0.12);
  --gradient-glow: radial-gradient(ellipse at center, rgba(228, 31, 40, 0.12) 0%, transparent 70%);

  /* ── Typography ──────────────────────────────────────── */
  --font-heading: 'Rethink Sans', sans-serif;
  --font-body: 'Outfit', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Font scale */
  --text-xs: 0.78rem;
  --text-sm: 0.82rem;
  --text-base: 0.9rem;
  --text-md: 1.05rem;
  --text-lg: 1.15rem;
  --text-xl: clamp(1.8rem, 4vw, 2.8rem);
  --text-2xl: clamp(2.2rem, 5vw, 3.5rem);
  --text-3xl: clamp(2rem, 4.5vw, 3.2rem);

  /* ── Spacing ─────────────────────────────────────────── */
  --section-pad: clamp(4rem, 8vw, 7rem);
  --container-max: 1180px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-card: 16px;
  --radius-phone: 20px;

  /* ── Motion ──────────────────────────────────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 0.2s;
  --duration-normal: 0.35s;
  --duration-slow: 0.7s;

  /* ── Effects ─────────────────────────────────────────── */
  --glow-sm: 0 0 24px rgba(228, 31, 40, 0.25);
  --glow-md: 0 0 32px rgba(228, 31, 40, 0.4);
  --glow-lg: 0 0 60px rgba(228, 31, 40, 0.08);
  --shadow-card: 0 16px 48px rgba(228, 31, 40, 0.08);

  /* Grid background opacity (0 to hide, 0.04 default) */
  --grid-opacity: 0.04;

  /* Orb background blur */
  --orb-blur: 40px;
}