/* tibisnesmu.com — Design Tokens v3.0 | Pacific Depths
   Deep ocean dark theme with bioluminescent accents.
   Inspired by the Mariana Trench — the deepest place on Earth, right beside Guam.
*/
:root {

  /* ── Ocean Depths ─────────────────────────────── */
  --abyss:         #020B14;
  --depth-1:       #060F1C;
  --depth-2:       #0A1A2E;
  --depth-3:       #102038;
  --ocean:         #0E6B8F;
  --ocean-light:   #1AA3CC;

  /* ── Bioluminescent ───────────────────────────── */
  --bio:           #00E5C4;
  --bio-dim:       #00B5A0;
  --bio-faint:     rgba(0, 229, 196, 0.08);
  --turquoise:     #48CAE4;

  /* ── Warm Accents ─────────────────────────────── */
  --coral:         #FF6B52;
  --coral-soft:    #FF8C76;
  --gold:          #F4A535;

  /* ── Text ─────────────────────────────────────── */
  --white:         #FFFFFF;
  --ink:           #E0EFF6;
  --ink-soft:      rgba(185, 215, 235, 0.72);
  --ink-muted:     rgba(125, 178, 208, 0.45);

  /* ── Surfaces & Borders ───────────────────────── */
  --border:        rgba(0, 229, 196, 0.10);
  --border-bright: rgba(0, 229, 196, 0.38);
  --border-subtle: rgba(255, 255, 255, 0.05);

  /* ── Legacy compat (used across PHP templates) ── */
  --ocean-deep:    #060F1C;
  --sand:          #060F1C;
  --sand-warm:     rgba(0, 229, 196, 0.08);
  --green:         #2D9E6B;
  --green-light:   #52B788;

  /* ── Radius ───────────────────────────────────── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-lg:   28px;

  /* ── Shadow & Glow ────────────────────────────── */
  --shadow-sm:   0 2px 16px rgba(0, 0, 0, 0.50);
  --shadow-md:   0 8px 40px rgba(0, 0, 0, 0.60);
  --shadow-lg:   0 24px 80px rgba(0, 0, 0, 0.70);
  --glow-bio:    0 0 18px rgba(0, 229, 196, 0.42), 0 0 60px rgba(0, 229, 196, 0.14);
  --glow-coral:  0 0 22px rgba(255, 107, 82, 0.55);

  /* ── Typography ───────────────────────────────── */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Plus Jakarta Sans', system-ui, sans-serif;

  /* ── Transitions ──────────────────────────────── */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.30s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   0.55s cubic-bezier(0.16, 1, 0.3, 1);
}