/* Oceanic Cactus — crisp teal + coral punch (Coolors: 1A535C/4ECDC4/F7FFF7/FF6B6B/FFE66D) */

:root {
  --theme-name: "Oceanic Cactus";
  color-scheme: light;
  --c-primary: #1A535C;
  --c-secondary: #4ECDC4;
  --c-accent: #FFE66D;
  --c-glow-1: #4ECDC4;
  --c-glow-2: #FF6B6B;
  --c-glow-3: #FFE66D;
  --c-bg: #F7FFF7;
  --c-surface: #FFFFFF;
  --c-surface-2: #EFFFF0;
  --c-surface-3: #FFE66D;
  --c-text: #10333A;
  --c-muted: #3D646B;
  --c-border: rgba(26,83,92,.16);
  --c-border-strong: rgba(26,83,92,.28);
  --c-divider: rgba(16,51,58,.12);
  --c-success: #4ECDC4;
  --c-warn: #FFE66D;
  --c-danger: #FF6B6B;
  --c-link: #1A535C;
  --c-focus: rgba(26,83,92,.20);
  --c-ring: rgba(78,205,196,.20);
  --c-input-bg: rgba(255,255,255,.74);
  --c-input-border: rgba(16,51,58,.16);
  --c-overlay: rgba(16,51,58,.34);
  --c-tooltip: rgba(16,51,58,.92);
  --c-glass: rgba(255,255,255,.56);
  --c-pill-bg: rgba(78,205,196,.12);
  --c-pill-border: rgba(78,205,196,.20);
  --c-on-primary: #FFFFFF;
  --c-on-secondary: #06211D;
  --c-on-danger: #FFFFFF;
  --shadow-1: 0 10px 26px rgba(26,83,92,.10), 0 6px 16px rgba(0,0,0,.06);
  --shadow-2: 0 18px 56px rgba(78,205,196,.12), 0 10px 28px rgba(0,0,0,.08);
  --shadow-glow: 0 0 26px currentColor;
  --r-2: 18px;
  --r-3: 26px;
  --t-fast: 120ms;
  --t-med: 220ms;
  --grad-primary: linear-gradient(135deg, #1A535C, #4ECDC4);
  --grad-hero: radial-gradient(900px 520px at 18% 12%, rgba(78,205,196,.18), transparent 60%),
    radial-gradient(780px 420px at 86% 16%, rgba(255,107,107,.14), transparent 58%),
    radial-gradient(640px 420px at 52% 82%, rgba(255,230,109,.18), transparent 62%),
    linear-gradient(180deg, #FFFFFF, #F7FFF7);
}