/* ============================================
   SinoCura 欣诺康 — CSS Variables
   Brand Colors & Design Tokens
   ============================================ */

:root {
  /* Brand Colors */
  --sino-blue: #0C447C;
  --sino-blue-light: #185FA5;
  --sino-blue-dark: #08305A;
  --cura-teal: #0F6E56;
  --cura-teal-light: #5ECEB5;
  --heritage-amber: #BA7517;
  --heritage-amber-light: #D9A23E;

  /* Surface Colors */
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fb;
  --bg-tertiary: #eef2f7;
  --bg-blue-tint: #E6F1FB;
  --bg-teal-tint: #E8F5F0;

  /* Text Colors */
  --text-primary: #1a1a2e;
  --text-secondary: #4a5568;
  --text-muted: #8898aa;
  --text-light: #b0b8c5;
  --text-white: #ffffff;

  /* Border Colors */
  --border-light: #e3e8ef;
  --border-default: #cbd5e0;
  --border-focus: var(--sino-blue);

  /* Semantic Colors */
  --color-success: #0F6E56;
  --color-warning: #BA7517;
  --color-error: #dc2626;
  --color-info: var(--sino-blue);

  /* Typography */
  --font-sans: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
  --font-heading: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SF Mono', 'Fira Code', 'Consolas', monospace;

  /* Font Sizes */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;
  --fs-2xl: 1.5rem;
  --fs-3xl: 2rem;
  --fs-4xl: 2.5rem;
  --fs-5xl: 3.5rem;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

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

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.15);
  --shadow-blue: 0 8px 30px rgba(12, 68, 124, 0.25);
  --shadow-teal: 0 8px 30px rgba(15, 110, 86, 0.25);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 500ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Layout */
  --max-width: 1280px;
  --nav-height: 72px;
  --container-padding: 24px;

  /* Z-Index Scale */
  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal: 400;
  --z-overlay: 500;
  --z-toast: 600;
}

/* RTL Support for Arabic */
[dir="rtl"] {
  --font-sans: 'Segoe UI', 'Tahoma', 'Arial', sans-serif;
}