/* EDU ONEQ Design Tokens */
:root {
  /* Brand */
  --brand-deep:    #1A37A8;
  --brand:         #2B52D6;
  --brand-mid:     #4373E5;
  --brand-light:   #6B96F0;
  --brand-soft:    #B9CCF7;
  --brand-wash:    #EEF3FE;
  --brand-ink:     #0E1740;

  /* Neutrals */
  --ink-0:    #07091A;
  --ink-1:    #0E1430;
  --ink-2:    #1B2447;
  --ink-3:    #2D3A66;
  --ink-4:    #4A5784;
  --ink-5:    #6F7AA0;
  --ink-6:    #9AA3C2;
  --ink-7:    #C4CADF;
  --ink-8:    #E0E4F0;
  --ink-9:    #EEF1F8;
  --ink-10:   #F6F8FC;
  --paper:    #FFFFFF;

  /* Accents (sparingly) */
  --mint:     #19C39A;
  --amber:    #F5A524;
  --coral:    #F26A5C;

  /* Radii */
  --r-xs: 6px;
  --r-sm: 10px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-xl: 28px;
  --r-2xl: 36px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(14, 20, 48, 0.04), 0 1px 1px rgba(14, 20, 48, 0.03);
  --shadow-md: 0 4px 16px rgba(14, 20, 48, 0.06), 0 2px 4px rgba(14, 20, 48, 0.04);
  --shadow-lg: 0 24px 48px rgba(14, 20, 48, 0.08), 0 8px 16px rgba(14, 20, 48, 0.04);
  --shadow-xl: 0 40px 80px rgba(14, 20, 48, 0.10), 0 16px 32px rgba(14, 20, 48, 0.06);
  --shadow-glow: 0 24px 64px rgba(43, 82, 214, 0.22);

  /* Typography */
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  /* Layout */
  --container: 1280px;
  --gutter: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--ink-1);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "ss01", "ss02";
  line-height: 1.5;
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; padding: 0; }
img { display: block; max-width: 100%; }
::selection { background: var(--brand); color: white; }

/* Scrollbar (subtle) */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--ink-8); border-radius: var(--r-pill); }
::-webkit-scrollbar-thumb:hover { background: var(--ink-7); }