// OrderHero Design Tokens — SCSS variables
// Source: production app.dl-orderhero.com (Vue 3 + Tailwind + Pretendard) · 2026-07-15

// ── 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 ──
$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;

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

// ── Type ──
$font-sans: 'Pretendard Variable', Pretendard, -apple-system, sans-serif;

// ── 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);