/* ============================================================
   Blink.ON Theme & Design Tokens — Single Source of Truth
   Minimalist Shades of White & Crisp Slate Palette
   ============================================================ */

:root {
  /* Minimalist Shades of White Palette */
  --paper:       #ffffff; /* Pure crisp white */
  --paper-2:     #f8fafc; /* Soft porcelain white (Slate 50) */
  --paper-3:     #f1f5f9; /* Soft snow white (Slate 100) */
  --line:        #e2e8f0; /* Fine neutral hairline border (Slate 200) */
  --line-2:      #cbd5e1; /* Subtle card border (Slate 300) */
  --ink:         #0f172a; /* Deep high-contrast slate text */
  --ink-2:       #1e293b; /* Slate 800 */
  --ink-3:       #334155; /* Slate 700 */
  --muted:       #64748b; /* Slate 500 */
  --muted-2:     #e2e8f0; /* Slate 200 */

  /* Minimalist Monochrome & Neutral Accents */
  --accent:      #0f172a; /* Deep Slate Accent */
  --accent-soft: #f1f5f9; /* Soft White Tint */
  --accent-ink:  #0f172a;
  --accent-hover: #1e293b;
  --on-accent:   #ffffff;

  /* ── Standard Brand & Semantic Colors ─────────────────────── */
  --brand-green:        #00BF63; /* Logo Green */
  --brand-green-hover:  #009e52;
  --brand-green-subtle: #dcfce7;
  --brand-green-text:   #00BF63;

  --brand-red:          #FF3B30; /* Logo Red / Destructive */
  --brand-red-hover:    #dc2626;
  --brand-red-subtle:   #fee2e2;

  --brand-accent:       #EA580C; /* Coral Orange / Signals */
  --brand-muted:        #64748b; /* Neutral Slate */
  --brand-line:         #e2e8f0;

  /* Standard Typography Tokens */
  --font-sans:          'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, sans-serif;
  --font-weight-btn:    500;
  --font-weight-heading: 600;
  --font-weight-hero:   700;

  --blink-rose:    #334155;
  --blink-amber:   #475569;
  --blink-yellow:  #64748b;
  --blink-orange:  #0f172a;
  --blink-coral:   #475569;
  --blink-indigo:  #334155;
  --blink-emerald: #1e293b;
  --blink-cyan:    #0f172a;

  /* Clean White Ambient Backgrounds */
  --left-pane-bg:  var(--paper);
  --right-pane-bg: var(--paper);

  /* Aliases used across views */
  --bg:            var(--paper);
  --surface:       var(--paper);
  --surface-2:     var(--paper-2);
  --accent-light:  var(--accent-soft);

  --sans:        -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Helvetica, sans-serif;
  --serif:       "Source Serif 4", Georgia, serif;
  --mono:        "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  --radius:      16px;
  --sidebar-w:   72px;
  --topbar-h:    0px;

  --shadow-sm:   0 2px 8px -1px rgba(15, 23, 42, 0.04);
  --shadow-md:   0 6px 18px -3px rgba(15, 23, 42, 0.06);
  --shadow-lg:   0 16px 36px -6px rgba(15, 23, 42, 0.09);
  --shadow-glow: 0 0 20px -3px rgba(15, 23, 42, 0.08);
}

[data-theme="dark"] {
  --paper:       #0f172a; /* Deep Slate Charcoal */
  --paper-2:     #1e293b;
  --paper-3:     #334155;
  --line:        rgba(226, 232, 240, 0.15);
  --line-2:      rgba(226, 232, 240, 0.25);
  --ink:         #f8fafc;
  --ink-2:       #e2e8f0;
  --ink-3:       #cbd5e1;
  --muted:       #94a3b8;
  --muted-2:     #334155;

  --accent:      #f8fafc;
  --accent-soft: rgba(248, 250, 252, 0.12);
  --accent-ink:  #f8fafc;
  --accent-hover: #ffffff;
  --on-accent:   #0f172a;

  --left-pane-bg:  var(--paper);
  --right-pane-bg: var(--paper);

  --shadow-sm:   0 2px 10px -1px rgba(0, 0, 0, 0.4);
  --shadow-md:   0 8px 24px -3px rgba(0, 0, 0, 0.55);
  --shadow-lg:   0 20px 45px -8px rgba(0, 0, 0, 0.7);
  --shadow-glow: 0 0 25px -2px rgba(255, 255, 255, 0.15);
}