/* Pexalink — Design Tokens (web-reference light theme) */

:root {
  /* Primary (MUI Indigo) */
  --primary-50:  #E8EAF6;
  --primary-100: #C5CAE9;
  --primary-200: #9FA8DA;
  --primary-300: #7986CB;
  --primary-400: #5C6BC0;
  --primary-500: #3F51B5;
  --primary-600: #3949AB;
  --primary-700: #303F9F;
  --primary-800: #283593;
  --primary-900: #1A237E;

  /* Slate (neutral) */
  --slate-900: #0F172A;
  --slate-800: #1E293B;
  --slate-700: #334155;
  --slate-600: #475569;
  --slate-500: #64748B;
  --slate-400: #94A3B8;
  --slate-300: #CBD5E1;
  --slate-200: #E2E8F0;
  --slate-100: #F1F5F9;
  --slate-50:  #F8FAFC;
  --white:     #FFFFFF;

  /* Status */
  --success-700: #1B5E20;
  --success-500: #2E7D32;
  --success-50:  #E8F5E9;

  --warning-700: #C77700;
  --warning-500: #ED6C02;
  --warning-50:  #FFF4E5;

  --critical-700: #B71C1C;
  --critical-500: #D32F2F;
  --critical-50:  #FDECEA;

  --info-700: #01579B;
  --info-500: #0288D1;
  --info-50:  #E1F5FE;

  /* AI */
  --ai-bg:     #F4F1FB;
  --ai-bg-2:   #ECE5FB;
  --ai-border: #D6CCEF;
  --ai-text:   #4A3B8F;
  --ai-accent: #6E59C9;

  /* Typography */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-11: 12px;
  --text-12: 13px;
  --text-13: 14px;
  --text-14: 15px;
  --text-16: 17px;
  --text-18: 19px;
  --text-20: 21px;
  --text-24: 26px;
  --text-28: 30px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;

  /* Radius */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 6px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-2: 0 2px 8px rgba(15, 23, 42, 0.08);
  --shadow-3: 0 8px 24px rgba(15, 23, 42, 0.12);
}