/* ============================================================
   Smart Scheduler — Design Tokens
   "Modern AI Tech" theme: near-black base, electric lime + violet
   ============================================================ */

:root {
  /* ---- Surface / background ---- */
  --bg:            #0A0A0B;   /* page base */
  --bg-subtle:     #0F0F11;   /* alternating sections */
  --surface:       #141417;   /* cards */
  --surface-2:     #1A1A1F;   /* elevated / hover */
  --surface-3:     #232329;   /* inputs, chips */

  /* ---- Borders / hairlines ---- */
  --border:        rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-accent: rgba(190, 242, 100, 0.35);

  /* ---- Text ---- */
  --text:          #FAFAFA;
  --text-muted:    #A1A1AA;
  --text-dim:      #71717A;
  --text-on-lime:  #0A0A0B;   /* dark text on lime buttons */

  /* ---- Accents ---- */
  --lime:          #BEF264;
  --lime-bright:   #D9F99D;
  --lime-dim:      #A3E635;
  --violet:        #8B5CF6;
  --violet-bright: #A78BFA;
  --cyan:          #22D3EE;   /* tertiary, used sparingly */

  /* ---- Semantic ---- */
  --success:       #4ADE80;
  --warning:       #FBBF24;
  --danger:        #F87171;
  --danger-bg:     rgba(248, 113, 113, 0.12);
  --success-bg:    rgba(74, 222, 128, 0.12);

  /* ---- Accent glows / gradients ---- */
  --glow-lime:     radial-gradient(circle at center, rgba(190,242,100,0.22), transparent 70%);
  --glow-violet:   radial-gradient(circle at center, rgba(139,92,246,0.22), transparent 70%);
  --grad-accent:   linear-gradient(120deg, var(--lime) 0%, var(--cyan) 50%, var(--violet) 100%);
  --grad-text:     linear-gradient(120deg, #D9F99D 0%, #A78BFA 100%);

  /* ---- Typography ---- */
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'Space Mono', ui-monospace, 'SF Mono', 'Roboto Mono', monospace;

  /* type scale */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1rem;
  --fs-lg:      1.15rem;
  --fs-h3:      1.4rem;
  --fs-h2:      clamp(1.9rem, 4vw, 2.9rem);
  --fs-h1:      clamp(2.6rem, 7vw, 5rem);

  /* ---- Spacing / layout ---- */
  --maxw:       1180px;
  --gutter:     1.5rem;
  --section-y:  clamp(4rem, 9vw, 8rem);

  /* ---- Radii ---- */
  --radius-sm:  8px;
  --radius:     14px;
  --radius-lg:  22px;
  --radius-pill: 999px;

  /* ---- Shadows ---- */
  --shadow:     0 8px 30px -8px rgba(0, 0, 0, 0.6);
  --shadow-lg:  0 30px 80px -20px rgba(0, 0, 0, 0.75);
  --shadow-lime: 0 8px 40px -8px rgba(190, 242, 100, 0.35);

  /* ---- Motion ---- */
  --ease:       cubic-bezier(0.22, 1, 0.36, 1);
  --dur:        0.25s;
}