/* =====================================================
   ARTIFEX Design Tokens — single source of truth
   Loaded first (order 0). No selectors other than :root.
   ===================================================== */
:root {
  /* ---- Brand (kept from obo) ---- */
  --brand-700: #182fb4;
  --brand-600: #3f51b5;
  --brand-400: #747ce7;
  /* derived tints */
  --brand-100: #dfe3f8;
  --brand-50:  #eef0fa;

  /* ---- Neutrals (indigo-undertoned) ---- */
  --ink-900: #111322;
  --ink-700: #3a3d4d;
  --ink-500: #6b6f80;
  --ink-300: #b6b9c6;
  --line-200: #e7e8ee;
  --bg-50:  #f7f8fb;
  --bg-0:   #ffffff;

  /* ---- Legacy aliases (obo CSS not yet migrated) ---- */
  --main-color:  var(--brand-600);
  --main-color2: var(--brand-700);
  --main-color3: var(--brand-400);

  /* ---- Typography ---- */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
               "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  --text-display: clamp(2.5rem, 5vw, 4.25rem);
  --text-h1: clamp(2rem, 3.5vw, 3rem);
  --text-h2: clamp(1.5rem, 2.2vw, 2rem);
  --text-h3: 1.25rem;
  --text-body-lg: 1.125rem;
  --text-body: 1rem;
  --text-sm: 0.875rem;
  --text-caption: 0.8125rem;

  /* ---- Spacing (4px scale) ---- */
  --sp-1: 4px;  --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px;  --sp-12: 48px; --sp-16: 64px;
  --sp-24: 96px; --sp-32: 128px; --sp-40: 160px;

  /* ---- Radius ---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-full: 999px;

  /* ---- Shadows ---- */
  --shadow-sm: 0 1px 2px rgba(17, 19, 34, .06);
  --shadow-md: 0 12px 32px rgba(17, 19, 34, .10);

  /* ---- Layout ---- */
  --container: 1200px;
  --container-pad: 24px;
  --measure: 720px;
  --header-h: 72px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur-fast: .2s;
  --dur: .25s;
  --dur-slow: .4s;

  /* ---- Z-index ---- */
  --z-header: 100;
  --z-dropdown: 110;
  --z-overlay: 200;
  --z-modal: 300;
}