/* ==========================================================================
   StudySystem Design Tokens
   教培机构管理系统 - 克制温暖专业风
   基于 OKLCH 色彩空间
   ========================================================================== */

/* 字体使用系统字体栈（Google Fonts 在国内被墙，改用系统字体） */

:root {
  /* =========================================================================
     色彩系统 - OKLCH 色彩空间
     ========================================================================= */

  /* 主色 - 深靛蓝（可靠、专业） */
  --color-primary: #3d5a9e;
  --color-primary: oklch(0.45 0.15 265);
  --color-primary-light: #5a7abf;
  --color-primary-light: oklch(0.55 0.12 265);
  --color-primary-dark: #2a3d6b;
  --color-primary-dark: oklch(0.35 0.18 265);
  --color-primary-rgb: 61, 90, 158;

  /* 背景 - 暖米白 */
  --color-bg: #f8f6f2;
  --color-bg: oklch(0.975 0.008 85);
  --color-surface: #fcfbf9;
  --color-surface: oklch(0.99 0.003 85);
  --color-surface-raised: #ffffff;
  --color-surface-raised: oklch(1 0 0);

  /* 文字 - 深墨色 */
  --color-ink: #2d2d3a;
  --color-ink: oklch(0.2 0.02 265);
  --color-ink-muted: #6b6b7b;
  --color-ink-muted: oklch(0.5 0.02 265);
  --color-ink-faint: #8e8e9e;
  --color-ink-faint: oklch(0.65 0.01 265);

  /* 强调色 - 琥珀（温暖、教育感） */
  --color-accent: #c8943a;
  --color-accent: oklch(0.75 0.15 75);
  --color-accent-light: #e8d5a8;
  --color-accent-light: oklch(0.88 0.08 75);

  /* 语义色 */
  --color-success: #4a9a6a;
  --color-success: oklch(0.65 0.15 145);
  --color-warning: #c8943a;
  --color-warning: oklch(0.78 0.12 75);
  --color-danger: #b84a3a;
  --color-danger: oklch(0.6 0.18 25);
  --color-info: #5a7abf;
  --color-info: oklch(0.7 0.1 230);

  /* =========================================================================
     字体系统
     ========================================================================= */

  --font-display: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
  --font-body: 'Inter', 'Noto Sans SC', -apple-system, 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  /* 字号阶梯 */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.8125rem;    /* 13px */
  --text-base: 0.875rem;   /* 14px */
  --text-lg: 1rem;         /* 16px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 2rem;        /* 32px */
  --text-4xl: 2.5rem;      /* 40px */

  /* 行高 */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* 字重 */
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  /* =========================================================================
     间距系统
     ========================================================================= */

  --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 */

  /* =========================================================================
     圆角
     ========================================================================= */

  --radius-sm: 0.375rem;   /* 6px */
  --radius-md: 0.5rem;     /* 8px */
  --radius-lg: 0.75rem;    /* 12px */
  --radius-xl: 1rem;       /* 16px */
  --radius-full: 9999px;

  /* =========================================================================
     阴影
     ========================================================================= */

  --shadow-sm: 0 1px 2px rgba(45, 45, 58, 0.05);
  --shadow-sm: 0 1px 2px oklch(0.2 0.02 265 / 0.05);
  --shadow-md: 0 4px 6px -1px rgba(45, 45, 58, 0.07), 0 2px 4px -2px rgba(45, 45, 58, 0.05);
  --shadow-md: 0 4px 6px -1px oklch(0.2 0.02 265 / 0.07), 0 2px 4px -2px oklch(0.2 0.02 265 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgba(45, 45, 58, 0.08), 0 4px 6px -4px rgba(45, 45, 58, 0.04);
  --shadow-lg: 0 10px 15px -3px oklch(0.2 0.02 265 / 0.08), 0 4px 6px -4px oklch(0.2 0.02 265 / 0.04);

  /* =========================================================================
     过渡
     ========================================================================= */

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);

  /* =========================================================================
     边框
     ========================================================================= */

  --border-width: 1px;
  --border-color: rgba(230, 228, 222, 1);
  --border-color: oklch(0.9 0.005 85);
  --border-color-strong: rgba(217, 214, 206, 1);
  --border-color-strong: oklch(0.85 0.008 85);

  /* =========================================================================
     层级（z-index）
     ========================================================================= */

  --z-base: 0;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-fixed: 300;
  --z-modal-backdrop: 400;
  --z-modal: 500;
  --z-popover: 600;
  --z-tooltip: 700;

  /* =========================================================================
     容器宽度
     ========================================================================= */

  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
}

/* =========================================================================
   暗色模式（预留）
   ========================================================================= */

@media (prefers-color-scheme: dark) {
  :root {
    /* 暗色模式下的色彩覆写可以在这里添加 */
    /* 当前版本暂不启用暗色模式 */
  }
}