/* tokens.css — design tokens (colors, spacing, type, radius, shadow).
   agent3 foundation. Professional medical palette; theme-aware. */
:root {
  /* Brand — calm medical teal/blue */
  --brand-50:  #eef7f8;
  --brand-100: #d3ecef;
  --brand-300: #7fc7cf;
  --brand-500: #1f9aa8;
  --brand-600: #17808c;
  --brand-700: #106370;
  --accent-500: #3b6fe0;

  /* Semantic status colors */
  --st-submitted:      #64748b;
  --st-accepted:       #16a34a;
  --st-rejected:       #dc2626;
  --st-in_progress:    #d97706;
  --st-no_real_problem:#475569;
  --st-resolved:       #0d9488;

  --success: #16a34a;
  --warning: #d97706;
  --danger:  #dc2626;
  --info:    #2563eb;

  /* Surfaces (light) */
  --bg:        #f4f7f9;
  --surface:   #ffffff;
  --surface-2: #f8fafc;
  --border:    #e2e8f0;
  --text:      #0f172a;
  --text-2:    #475569;
  --text-3:    #94a3b8;

  /* Spacing scale */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px;

  --radius-sm: 8px; --radius: 14px; --radius-lg: 20px; --radius-pill: 999px;

  --shadow-1: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow-2: 0 6px 18px rgba(15,23,42,.10);
  --shadow-3: 0 16px 40px rgba(15,23,42,.16);

  --font: 'Segoe UI', Tahoma, 'Noto Kufi Arabic', system-ui, -apple-system, Arial, sans-serif;
  --z-toast: 9000; --z-modal: 8000;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:        #0b1220;
    --surface:   #121a2b;
    --surface-2: #0f1726;
    --border:    #24304a;
    --text:      #e8eef7;
    --text-2:    #a9b6cc;
    --text-3:    #6b7a95;
    --brand-50:  #10242a;
    --brand-100: #143038;
    --shadow-1: 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 8px 22px rgba(0,0,0,.5);
    --shadow-3: 0 18px 44px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"] {
  --bg:#0b1220; --surface:#121a2b; --surface-2:#0f1726; --border:#24304a;
  --text:#e8eef7; --text-2:#a9b6cc; --text-3:#6b7a95; --brand-50:#10242a; --brand-100:#143038;
}