/* ================================================================
   Scarab Warsha — Light Theme Variables
   (Modern Teal/Workshop Design)
   ================================================================ */
:root, [data-theme="light"] {
  --sidebar-width: 280px;
  --topbar-height: 76px;
  --card-radius: 20px;
  --card-radius-lg: 24px;
  --input-radius: 12px;
  --btn-radius: 12px;

  /* Primary teal — distinctive workshop identity */
  --primary: #0d9488;
  --primary-light: #14b8a6;
  --primary-dark: #115e59;
  --primary-hover: #0f766e;
  --primary-ghost: rgba(13, 148, 136, 0.10);
  --primary-glow: rgba(13, 148, 136, 0.25);

  --success: #10b981; --success-ghost: #ecfdf5;
  --danger:  #ef4444; --danger-ghost:  #fef2f2;
  --warning: #f59e0b; --warning-ghost: #fffbeb;
  --info:    #0ea5e9; --info-ghost:    #f0f9ff;
  --purple:  #8b5cf6; --purple-ghost:  #f5f3ff;

  --body-bg: #f8fafc;
  --surface-1: #ffffff;
  --surface-2: #f1f5f9;
  --surface-3: #e2e8f0;

  /* Subtle background pattern */
  --body-pattern: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);

  --sidebar-bg:        #f8fafc;
  --sidebar-hover:     #eef2f7;
  --sidebar-active-bg: rgba(13, 148, 136, 0.08);
  --sidebar-text:      #475569;
  --sidebar-text-active: #0d9488;
  --sidebar-text-hover: #0f172a;
  --sidebar-section:   #94a3b8;
  --sidebar-border:    #e2e8f0;
  --sidebar-brand-text: #1e293b;
  --sidebar-user-text:  #334155;

  --topbar-bg: rgba(255, 255, 255, 0.92);
  --topbar-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 4px 20px -2px rgba(0, 0, 0, 0.04);

  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --text-muted:     #64748b;

  --border-color: #e2e8f0;
  --border-strong: #cbd5e1;

  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,.05),0 2px 4px rgba(0,0,0,.03);
  --shadow-lg: 0 10px 30px -5px rgba(0,0,0,.08);
  --shadow-xl: 0 25px 50px -12px rgba(0,0,0,.15);

  --card-bg: var(--surface-1);
  --card-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
  --card-shadow-hover: 0 10px 30px -5px rgba(0, 0, 0, 0.08);

  --input-bg: var(--surface-1);
  --input-group-bg: var(--surface-2);
  --modal-bg: var(--surface-1);

  --table-head-bg: #f8fafc;
  --table-stripe-bg: #fafafa;
  --table-hover-bg: #f1f5f9;
  --table-border-color: #e2e8f0;

  --alert-success-bg: #ecfdf5; --alert-success-text: #065f46;
  --alert-danger-bg:  #fef2f2; --alert-danger-text:  #991b1b;
  --alert-warning-bg: #fffbeb; --alert-warning-text: #92400e;
  --alert-info-bg:    #ecfeff; --alert-info-text:    #155e75;

  --ease-out: cubic-bezier(.22,1,.36,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --transition: all .3s cubic-bezier(.22,1,.36,1);
  --transition-fast: background-color .15s ease, color .15s ease;
}