/**
 * OrderHero Design Tokens — CSS Custom Properties
 * Source: production app.dl-orderhero.com (Vue 3 + Tailwind + Pretendard)
 * Extracted: 2026-07-15
 * Usage: import './tokens.css'  →  var(--primary)
 */
:root {
  /* ── Brand ── */
  --primary: #467FF7;
  --primary-strong: #0051D6;
  --secondary: #5480EF;
  --sky: #0095FF;
  --navy: #0C2540;
  --navy-2: #123A4A;
  --blue-50: #EEF3FE;
  --blue-100: #E5EEFF;

  /* ── Semantic ── */
  --error: #FF3C3C;
  --error-alt: #F24C4C;
  --error-bg: #FFF8F8;
  --teal: #09B4B6;

  /* ── Gray scale ── */
  --gray00: #000000;
  --gray-5d: #5D5D5D;
  --gray66: #666666;
  --gray88: #888888;
  --gray-90: #909090;
  --gray99: #999999;
  --gray-bc: #BCBCBC;
  --gray-d0: #D0D0D0;
  --gray-eb: #EBEBEB;
  --gray-ef: #EFEFEF;
  --gray-f5: #F5F5F5;
  --gray-f8: #F8F8F8;
  --white: #FFFFFF;

  /* ── Semantic aliases ── */
  --text: #1A1A1A;
  --text-sub: #5D5D5D;
  --text-hint: #999999;
  --border: #EBEBEB;
  --bg: #F5F5F5;
  --surface: #FFFFFF;

  /* ── Typography ── */
  --font-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Radius ── */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* ── Shadow ── */
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
  --shadow-soft: 0 2px 12px rgba(0, 0, 0, .08);
  --shadow-up: 0 -3px 6px rgba(0, 0, 0, .06);

  /* ── Gradient ── */
  --grad-brand: linear-gradient(135deg, #0051D6, #0095FF);
  --grad-navy: linear-gradient(135deg, #0C2540, #123A4A);
}