/* ============================================================
   Winspec design tokens
   Shared theme variables used by renewed site UI.
   ============================================================ */

:root {
  --theme-gray-950: #1a1a1a;
  --theme-gray-900: #333333;
  --theme-gray-800: #666666;
  --theme-gray-700: #999999;
  --theme-gray-600: #aaaaaa;
  --theme-gray-500: #bbbbbb;
  --theme-gray-400: #cccccc;
  --theme-gray-300: #d9d9d9;
  --theme-gray-250: #e8e8e8;
  --theme-gray-200: #eeeeee;
  --theme-gray-100: #f8f8f8;
  --theme-gray-50: #fafafa;

  --theme-blue-200: #d9e9f3;
  --theme-blue-50: #f2faff;

  --theme-red-600: #ef2929;
  --theme-red-400: #dc3545;
  --theme-red-50: #fff8f8;

  --theme-yellow-800: #ffb724;
  --theme-yellow-600: #ffdf11;
  --theme-yellow-50: #fffbeb;

  --theme-green-800: #008a1e;
  --theme-green-700: #60aa3e;
  --theme-green-600: #4bbd14;
  --theme-green-50: #f6fbf3;

  --theme-white: #ffffff;

  --theme-point-navy: #002d56;
  --theme-point-pink: #ff0066;
  --theme-point-purple: #8d49f6;
  --theme-point-indigo: #1558d6;

  --theme-brand-primary: #4bbd14;
  --theme-brand-secondary: #60aa3e;

  --theme-font-family: 'Noto Sans KR', sans-serif;

  --theme-font-weight-bold: 700;
  --theme-font-weight-medium: 500;
  --theme-font-weight-regular: 400;

  --theme-font-size-h1: 26px;
  --theme-font-size-h2: 24px;
  --theme-font-size-h3: 20px;
  --theme-font-size-h4: 18px;
  --theme-font-size-h5: 16px;
  --theme-font-size-b1: 16px;
  --theme-font-size-b2: 15px;
  --theme-font-size-b3: 14px;
  --theme-font-size-b4: 13px;
  --theme-font-size-b5: 12px;
  --theme-font-size-b6: 11px;
  --theme-font-size-b7: 10px;
  --theme-font-size-b8: 9px;

  --theme-line-height-h1: 36px;
  --theme-line-height-h2: 32px;
  --theme-line-height-h3: 28px;
  --theme-line-height-h4: 26px;
  --theme-line-height-h5: 24px;
  --theme-line-height-b1: 24px;
  --theme-line-height-b2: 24px;
  --theme-line-height-b3: 22px;
  --theme-line-height-b4: 20px;
  --theme-line-height-b5: 18px;
  --theme-line-height-b6: 16px;
  --theme-line-height-b7: 14px;
  --theme-line-height-b8: 12px;

  --theme-letter-spacing-h1: -0.04em;
  --theme-letter-spacing-h2: -0.04em;
  --theme-letter-spacing-h3: -0.04em;
  --theme-letter-spacing-h4: -0.03em;
  --theme-letter-spacing-h5: -0.03em;
  --theme-letter-spacing-b1: -0.02em;
  --theme-letter-spacing-b2: -0.02em;
  --theme-letter-spacing-b3: -0.01em;
  --theme-letter-spacing-b4: 0em;
  --theme-letter-spacing-b5: 0em;
  --theme-letter-spacing-b6: -0.04em;
  --theme-letter-spacing-label: -0.01em;
  --theme-letter-spacing-none: 0em;
}