/*
 * ─────────────────────────────────────────────────────────────────────────────
 *  HookNest UI — Yuri Admin Dark Theme
 *
 *  Primary:  #009DB5 (Teal)   Secondary: #F94C8E (Pink)   Gold: #FBBF24
 *  Text:     rgba(255,255,255,0.87) / rgba(255,255,255,0.6) / #85859c
 *  Cards:    Solid #262932 with subtle shadow, no glassmorphism
 *  Page bg:  #333843   Cards: #262932
 * ─────────────────────────────────────────────────────────────────────────────
 */

:root {
  /* ── Structural Tokens (shared) ── */
  --radius-xl:    16px;
  --radius-card:  10px;
  --radius-inner: 8px;
  --radius-btn:   8px;
  --radius-sm:    6px;
  --radius-pill:  999px;

  --font:         'Inter', 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

  --pad-card:     20px;

  /* ── Page / Card Backgrounds — solid surfaces ── */
  --bg:           #333843;
  --bg-card:      #262932;
  --bg-inner:     #1d1e26;
  --bg-input:     #262932;
  --bg-hover:     rgba(0,157,181,0.08);

  /* ── Solid Surfaces (replacing glass gradients) ── */
  --bg-card-grad:   #262932;
  --bg-inner-grad:  #1d1e26;
  --bg-chain-hdr:   #1d1e26;
  --bg-stat-base:   #1d1e26;
  --bg-stats-bar:   #262932;
  --bg-nav:         #1d1e26;

  /* ── Text ── */
  --text:         rgba(255,255,255,0.87);
  --text-dim:     rgba(255,255,255,0.6);
  --text-muted:   #85859c;
  --text-purple:  #33c3d8;

  /* ── Brand — Teal ── */
  --p1:           #009DB5;
  --p2:           #33c3d8;
  --grad:         linear-gradient(135deg, #009DB5 0%, #0089a0 100%);

  /* ── Vivid Gradients ── */
  --grad-vivid:     linear-gradient(135deg, #009DB5 0%, #F94C8E 100%);
  --grad-premium:   linear-gradient(135deg, #0089a0 0%, #F59E0B 100%);

  /* ── Semantic Colors ── */
  --green:        #10B981;
  --green-bg:     rgba(16,185,129,0.10);
  --green-ring:   rgba(16,185,129,0.25);
  --red:          #F87171;
  --red-bg:       rgba(248,113,113,0.10);
  --red-ring:     rgba(248,113,113,0.25);
  --amber:        #FBBF24;

  /* ── Accent Colors ── */
  --rose:         #F94C8E;
  --rose-bg:      rgba(249,76,142,0.10);
  --gold:         #FBBF24;
  --gold-bg:      rgba(251,191,36,0.10);

  /* ── Borders — solid ── */
  --border:       #374558;
  --border-mid:   #4a5568;
  --border-focus: rgba(0,157,181,0.65);
  --glass-border: #374558;

  /* ── Shadows — clean, no inset highlights ── */
  --shadow-card:
    0px 7.8px 17.3px rgba(0,0,0,0.15);

  --shadow-raise:
    0 4px 20px rgba(0,0,0,0.25);

  --shadow-glass:
    0 2px 12px rgba(0,0,0,0.18);

  --shadow-glow:
    0 0 12px rgba(0,157,181,0.12);
}