/* ==========================================================================
   Theme Tokens — Forge (AI Lesson Video Pipeline)
   Design language: quiet technical SaaS, signature = the pipeline stepper.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* type */
  --font-display: 'Sora', 'Inter', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* radius / motion */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --ease: cubic-bezier(.4,0,.2,1);
  --dur: 160ms;

  /* semantic (theme-independent) */
  --accent: #6D5EF0;
  --accent-ink: #ffffff;
  --success: #1FAF7C;
  --success-soft: #E4F7EF;
  --warning: #E0972A;
  --warning-soft: #FBF0DC;
  --danger: #E5484D;
  --danger-soft: #FBE4E4;
  --info: #2A9FE0;
  --info-soft: #E2F3FC;
  --render: #F2A93B; /* rendering / in-progress amber, ties to subject */
  --render-soft: #FBEED4;

  --shadow-sm: 0 1px 2px rgba(20,20,25,.06);
  --shadow-md: 0 4px 16px rgba(20,20,25,.08);
  --shadow-lg: 0 12px 32px rgba(20,20,25,.14);
}

/* ---------- Light (default) ---------- */
:root,
[data-theme="light"]{
  --bg: #FAFAF8;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F3F3F1;
  --border: #E7E6E2;
  --border-strong: #D8D7D2;
  --text-primary: #16171B;
  --text-secondary: #63666E;
  --text-tertiary: #9497A0;
  --sidebar-bg: #121317;
  --sidebar-text: #B7B8C0;
  --sidebar-text-active: #FFFFFF;
  --sidebar-border: #23242B;
}

/* ---------- Dark ---------- */
[data-theme="dark"]{
  --bg: #0B0C0F;
  --surface: #16171C;
  --surface-raised: #1D1F26;
  --surface-sunken: #101115;
  --border: #262832;
  --border-strong: #34363F;
  --text-primary: #F2F2F1;
  --text-secondary: #9A9DA8;
  --text-tertiary: #6C6F79;
  --sidebar-bg: #0B0C0F;
  --sidebar-text: #8B8E99;
  --sidebar-text-active: #FFFFFF;
  --sidebar-border: #1D1F26;

  --success-soft: rgba(31,175,124,.14);
  --warning-soft: rgba(224,151,42,.14);
  --danger-soft: rgba(229,72,77,.14);
  --info-soft: rgba(42,159,224,.14);
  --render-soft: rgba(242,169,59,.14);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,.45);
  --shadow-lg: 0 16px 40px rgba(0,0,0,.55);
}

*{ transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease); }