/**
 * TextPilot – Design Tokens
 * All CSS custom properties: Tabler overrides, brand tokens, dark mode variables.
 */

/* ── Tabler Variable Overrides ────────────────────────────────────────── */
:root {
  --tblr-primary:           #0EAEC1;
  --tblr-primary-rgb:       14, 174, 193;
  --tblr-primary-lt:        rgba(14,174,193,.10);
  --tblr-primary-lt-rgb:    14, 174, 193;
  --tblr-primary-fg:        #fff;
  --tblr-link-color:        #0EAEC1;
  --tblr-link-hover-color:  #0A8FA0;
  --tblr-font-sans-serif:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tblr-body-bg:           #F4F6FB;
  --tblr-border-color:      #E2E4EA;
  --tblr-card-border-color: #E2E4EA;
  --tblr-border-radius:     12px;
  --tblr-border-radius-sm:  8px;
}

/* ── Brand & Surface Tokens ───────────────────────────────────────────── */
:root {
  --tp-brand:         #0EAEC1;
  --tp-brand-dark:    #0A8FA0;
  --tp-brand-glow:    rgba(14,174,193,.25);

  --tp-bg:            #F4F6FB;
  --tp-surface:       #FFFFFF;

  --tp-border:        #E2E4EA;
  --tp-border-light:  #ECEEF4;

  --tp-text:          #13151A;
  --tp-text-secondary:#54576A;
  --tp-text-muted:    #9699AE;

  --tp-success:       #10B981;
  --tp-warning:       #F59E0B;
  --tp-danger:        #EF4444;

  --tp-radius:        12px;
  --tp-radius-sm:     8px;
  --tp-radius-xs:     6px;

  /* Elevation */
  --shadow-xs:   0 0 0 1px rgba(0,0,0,.04);
  --shadow-sm:   0 1px 2px rgba(0,0,0,.05), 0 2px 6px rgba(0,0,0,.04);
  --shadow-md:   0 2px 6px rgba(0,0,0,.06), 0 6px 20px rgba(0,0,0,.05);
  --shadow-lg:   0 4px 12px rgba(0,0,0,.08), 0 16px 48px rgba(0,0,0,.06);
  --shadow-xl:   0 8px 24px rgba(0,0,0,.10), 0 32px 64px rgba(0,0,0,.08);
}

/* ── Sidebar Tokens ───────────────────────────────────────────────────── */
:root {
  --tp-nav-bg:         #0B1329;
  --tp-nav-surface:    #111D38;
  --tp-nav-active:     #2563EB;
  --tp-nav-border:     rgba(255,255,255,.07);
  --tp-nav-text:       #94A3B8;
  --tp-nav-text-hover: #FFFFFF;
  --tp-nav-muted:      rgba(148,163,184,.45);
}

/* ── Dark Mode Variable Overrides ─────────────────────────────────────── */
[data-theme="dark"] {
  --tp-bg:            #0F1117;
  --tp-surface:       #161B26;
  --tp-border:        #1E2438;
  --tp-border-light:  #252B3E;
  --tp-text:          #E2E6F0;
  --tp-text-secondary:#8892AE;
  --tp-text-muted:    #525A78;

  --tblr-body-bg:           #0F1117;
  --tblr-body-color:        #E2E6F0;
  --tblr-card-bg:           #161B26;
  --tblr-border-color:      #1E2438;
  --tblr-card-border-color: #1E2438;
  --tblr-secondary-bg:      #1A1F30;
}