/* public/css/variables.css — Qorva AI design tokens */

:root {
  /* Brand */
  --color-teal:        #14b8a6;
  --color-teal-light:  #5eead4;
  --color-teal-dark:   #0d9488;

  /* Backgrounds */
  --bg-base:           #0f172a;
  --bg-surface:        #1e293b;
  --bg-elevated:       #263348;
  --bg-overlay:        rgba(15,23,42,0.85);

  /* Borders */
  --border-subtle:     #1e293b;
  --border-default:    #334155;
  --border-strong:     #475569;

  /* Text */
  --text-primary:      #e2e8f0;
  --text-secondary:    #94a3b8;
  --text-muted:        #64748b;
  --text-disabled:     #475569;

  /* Status */
  --color-success:     #22c55e;
  --color-warning:     #f97316;
  --color-error:       #ef4444;
  --color-info:        #3b82f6;

  /* Score bands */
  --score-excellent:   #22c55e;
  --score-good:        #14b8a6;
  --score-average:     #f97316;
  --score-poor:        #ef4444;

  /* Spacing */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-2xl:  48px;

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;
  --radius-full: 999px;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0,0,0,0.3);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.4);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.5);

  /* Typography */
  --font-sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:  'SF Mono', 'Fira Code', 'Consolas', monospace;
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-base: 14px;
  --font-size-md:   16px;
  --font-size-lg:   20px;
  --font-size-xl:   24px;
  --font-size-2xl:  32px;
}