/**
 * CA Assist - Proprietary Software
 * Copyright (c) 2026 Sana Shahzad. All rights reserved.
 * Design System Tokens
 */

:root {
  /* Brand Palette - Deep Emerald, Trustworthy Slate, Warm Neutral, Restrained Gold */
  --color-primary-50: #e8f5f1;
  --color-primary-100: #c5e7dc;
  --color-primary-200: #93d3bf;
  --color-primary-300: #5cb99c;
  --color-primary-400: #329f7d;
  --color-primary-500: #168063;
  --color-primary-600: #0d5c46;
  --color-primary-700: #0a4837;
  --color-primary-800: #073629;
  --color-primary-900: #04241b;

  --color-primary: var(--color-primary-600);
  --color-primary-hover: var(--color-primary-700);
  --color-primary-light: var(--color-primary-50);
  --color-primary-contrast: #ffffff;

  --color-gold-400: #dfb135;
  --color-gold-500: #c59b27;
  --color-gold-600: #a37c15;

  /* Neutrals - Warm Slate & Cream */
  --color-neutral-0: #ffffff;
  --color-neutral-50: #fbfbf9;
  --color-neutral-100: #f4f3ee;
  --color-neutral-200: #e8e7e1;
  --color-neutral-300: #d4d2c9;
  --color-neutral-400: #a3a196;
  --color-neutral-500: #737167;
  --color-neutral-600: #525048;
  --color-neutral-700: #383731;
  --color-neutral-800: #23221e;
  --color-neutral-900: #141311;

  /* Semantics */
  --color-success-bg: #ecfdf5;
  --color-success-border: #a7f3d0;
  --color-success-text: #065f46;
  --color-success: #107c41;

  --color-warning-bg: #fffbeb;
  --color-warning-border: #fde68a;
  --color-warning-text: #92400e;
  --color-warning: #d97706;

  --color-danger-bg: #fef2f2;
  --color-danger-border: #fecaca;
  --color-danger-text: #991b1b;
  --color-danger: #c81e1e;
  --color-whatsapp: #0f7a3f;

  --color-info-bg: #eff6ff;
  --color-info-border: #bfdbfe;
  --color-info-text: #1e40af;
  --color-info: #2563eb;

  /* Surfaces & Borders (Light) */
  --bg-page: #fbfbf9;
  --bg-surface: #ffffff;
  --bg-surface-subtle: #f4f3ee;
  --bg-surface-elevated: #ffffff;
  --border-subtle: #e8e7e1;
  --border-strong: #d4d2c9;
  --text-main: #23221e;
  --text-muted: #6b695f;
  --text-inverse: #ffffff;

  /* Confidence Colors */
  --conf-high: #107c41;
  --conf-med: #d97706;
  --conf-low: #dc2626;

  /* Typography */
  --font-en: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  --font-ur-heading: "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Urdu Typesetting", "Arabic Typesetting", serif;
  --font-ur-body: "Noto Naskh Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  --font-size-xs: 0.75rem;     /* 12px */
  --font-size-sm: 0.875rem;    /* 14px */
  --font-size-base: 1rem;      /* 16px */
  --font-size-md: 1.125rem;    /* 18px */
  --font-size-lg: 1.25rem;     /* 20px */
  --font-size-xl: 1.5rem;      /* 24px */
  --font-size-2xl: 1.875rem;   /* 30px */
  --font-size-3xl: 2.25rem;    /* 36px */

  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;
  --line-height-urdu: 2.0;

  /* Spacing Scale */
  --space-1: 0.25rem;  /* 4px */
  --space-2: 0.5rem;   /* 8px */
  --space-3: 0.75rem;  /* 12px */
  --space-4: 1rem;     /* 16px */
  --space-5: 1.25rem;  /* 20px */
  --space-6: 1.5rem;   /* 24px */
  --space-8: 2rem;     /* 32px */
  --space-10: 2.5rem;  /* 40px */
  --space-12: 3rem;    /* 48px */

  /* Border Radii */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-2xl: 24px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
  --shadow-md: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --shadow-xl: 0 20px 24px -4px rgba(16, 24, 40, 0.08), 0 8px 8px -4px rgba(16, 24, 40, 0.03);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout dimensions */
  --sidebar-width: 260px;
  --header-height: 64px;
  --bottom-nav-height: 64px;
  --max-content-width: 1400px;
}

/* Dark Theme */
[data-theme="dark"] {
  --color-primary-50: #0a2f24;
  --color-primary-100: #104234;
  --color-primary-200: #165b48;
  --color-primary-500: #26a27e;
  --color-primary-600: #329f7d;
  --color-primary-700: #5cb99c;

  --color-primary: #3aae8a;
  --color-primary-hover: #5cb99c;
  --color-primary-light: #0a2f24;
  --color-primary-contrast: #07251d;

  --bg-page: #121312;
  --bg-surface: #1a1c1a;
  --bg-surface-subtle: #232623;
  --bg-surface-elevated: #282c28;
  --border-subtle: #2e332e;
  --border-strong: #3f473f;
  --text-main: #f4f3ee;
  --text-muted: #a3a196;
  --text-inverse: #141311;

  --color-danger: #f87171;
  --color-success: #4ade80;
  --color-whatsapp: #4ade80;

  --color-success-bg: #063022;
  --color-success-border: #0a523a;
  --color-success-text: #6ee7b7;

  --color-warning-bg: #3d2403;
  --color-warning-border: #663d05;
  --color-warning-text: #fcd34d;

  --color-danger-bg: #3b0d0d;
  --color-danger-border: #631717;
  --color-danger-text: #fca5a5;

  --color-info-bg: #0c2d57;
  --color-info-border: #13427d;
  --color-info-text: #93c5fd;

  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 16px rgba(0, 0, 0, 0.5);
  --shadow-xl: 0 20px 24px rgba(0, 0, 0, 0.6);
}

/* Font Size Scales */
[data-font-size="small"] {
  --font-size-xs: 0.7rem;
  --font-size-sm: 0.8rem;
  --font-size-base: 0.9rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
}

[data-font-size="large"] {
  --font-size-xs: 0.85rem;
  --font-size-sm: 0.95rem;
  --font-size-base: 1.1rem;
  --font-size-md: 1.25rem;
  --font-size-lg: 1.4rem;
}