@import url("https://fonts.googleapis.com/css2?family=Gowun+Dodum&family=SUIT:wght@400;500;700;800&display=swap");

:root {
  color-scheme: light;
  --font-body: "SUIT", "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;
  --font-heading: "Gowun Dodum", "SUIT", "Pretendard", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", sans-serif;

  --student-page-bg: #ffffff;
  --student-page-bg-alt: #f8fafc;
  --student-panel-bg: #ffffff;
  --student-panel-muted: #fafcff;
  --student-panel-strong: #ffffff;
  --student-glass-bg: rgba(255, 255, 255, 0.92);
  --student-border: #d8e1ec;
  --student-border-strong: #c4d0de;
  --student-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
  --student-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.06);
  --student-text-main: #152033;
  --student-text-sub: #5f6c80;
  --student-primary: #2563eb;
  --student-primary-dark: #1d4ed8;
  --student-primary-hover: #1e40af;
  --student-primary-light: #dbeafe;
  --student-primary-soft: rgba(37, 99, 235, 0.14);
  --student-accent: #14b8a6;
  --student-accent-dark: #0f766e;
  --student-accent-soft: rgba(20, 184, 166, 0.14);
  --student-secondary: #64748b;
  --student-secondary-soft: rgba(100, 116, 139, 0.14);
  --student-info: #0ea5e9;
  --student-info-soft: rgba(14, 165, 233, 0.12);
  --student-success: #16a34a;
  --student-success-soft: rgba(22, 163, 74, 0.12);
  --student-warning: #0284c7;
  --student-warning-soft: rgba(2, 132, 199, 0.12);
  --student-danger: #dc2626;
  --student-danger-soft: rgba(220, 38, 38, 0.12);
  --student-hover: #f8fafc;
  --student-input-bg: #ffffff;

  /* Student quiz local theme aliases. These intentionally shadow the shared theme token names
     so existing student quiz CSS can stay compact without depending on themes.css. */
  --bg: var(--student-page-bg);
  --bg-main: var(--student-page-bg);
  --bg-grad: none;
  --card-bg: var(--student-panel-bg);
  --glass-bg: var(--student-glass-bg);
  --card-bg-glass: rgba(255, 255, 255, 0.9);
  --border: var(--student-border);
  --text-main: var(--student-text-main);
  --text-sub: var(--student-text-sub);
  --primary: var(--student-primary);
  --primary-dark: var(--student-primary-dark);
  --primary-hover: var(--student-primary-hover);
  --primary-light: var(--student-primary-light);
  --primary-soft: var(--student-primary-soft);
  --accent: var(--student-accent);
  --accent-dark: var(--student-accent-dark);
  --accent-soft: var(--student-accent-soft);
  --secondary: var(--student-secondary);
  --secondary-soft: var(--student-secondary-soft);
  --info: var(--student-info);
  --info-soft: var(--student-info-soft);
  --success: var(--student-success);
  --success-soft: var(--student-success-soft);
  --warning: var(--student-warning);
  --warning-soft: var(--student-warning-soft);
  --danger: var(--student-danger);
  --danger-soft: var(--student-danger-soft);
  --hover-bg: var(--student-hover);
  --input-bg: var(--student-input-bg);
}

html,
body {
  color-scheme: light;
}