/* BLUE_OCEANIS_BRAND_SYSTEM/tokens/css-variables.css 사본.
   원본은 tokens/design-tokens.json 에서 생성됩니다.
   이 파일을 직접 수정하지 말고 tools/sync-brand-assets.py 를 다시 실행하십시오. */
/* 자동 생성 파일 — 직접 수정하지 마십시오. 원본: tokens/design-tokens.json */
:root {
  /* color */
  --bo-color-ocean-navy: #0F3D66;
  --bo-color-marine-blue: #1F6FB2;
  --bo-color-aqua-blue: #4DB6E5;
  --bo-color-ocean-navy-deep: #0A2E52;
  --bo-color-marine-blue-light: #2E93D4;
  --bo-color-ice-white: #F7FBFD;
  --bo-color-white: #FFFFFF;
  --bo-color-cool-gray: #6B7280;
  --bo-color-charcoal: #1F2937;
  --bo-color-error: #A6432F;
  --bo-color-error-bg: #FBEDEA;
  --bo-color-error-border: #E9C7BF;
  --bo-color-success: #1F6FB2;
  --bo-color-border: #C7D5E0;
  --bo-color-border-strong: #9FB6C8;
  --bo-color-divider: #E1EAF1;
  --bo-color-skeleton: #EDF3F8;
  --bo-color-navy-hover: #0B2F50;
  --bo-color-navy-active: #081F36;
  --bo-color-onnavy-hover: #E7F1F8;
  --bo-color-on-navy-text: #CFE4F2;
  --bo-color-on-navy-muted: #B9D9EE;
  --bo-color-on-navy-legal: #8FB4CE;
  --bo-color-error-text: #7A3122;
  --bo-gradient-primary: linear-gradient(135deg, #0F3D66 0%, #1F6FB2 58%, #4DB6E5 100%);

  /* typography */
  --bo-font-family: Pretendard, Inter, "Noto Sans", "Noto Sans KR", Arial, sans-serif;
  --bo-font-weight-regular: 400;
  --bo-font-weight-medium: 500;
  --bo-font-weight-semibold: 600;
  --bo-font-weight-bold: 700;
  --bo-text-display-xl-size: 64px;
  --bo-text-display-xl-line: 72px;
  --bo-text-display-xl-weight: 700;
  --bo-text-display-xl-tracking: -0.02em;
  --bo-text-display-l-size: 48px;
  --bo-text-display-l-line: 58px;
  --bo-text-display-l-weight: 700;
  --bo-text-display-l-tracking: -0.015em;
  --bo-text-h1-size: 40px;
  --bo-text-h1-line: 50px;
  --bo-text-h1-weight: 700;
  --bo-text-h2-size: 32px;
  --bo-text-h2-line: 42px;
  --bo-text-h2-weight: 700;
  --bo-text-h3-size: 24px;
  --bo-text-h3-line: 34px;
  --bo-text-h3-weight: 600;
  --bo-text-body-l-size: 18px;
  --bo-text-body-l-line: 30px;
  --bo-text-body-l-weight: 400;
  --bo-text-body-m-size: 16px;
  --bo-text-body-m-line: 26px;
  --bo-text-body-m-weight: 400;
  --bo-text-body-s-size: 14px;
  --bo-text-body-s-line: 22px;
  --bo-text-body-s-weight: 400;
  --bo-text-caption-size: 12px;
  --bo-text-caption-line: 18px;
  --bo-text-caption-weight: 500;

  /* spacing */
  --bo-space-4: 4px;
  --bo-space-8: 8px;
  --bo-space-12: 12px;
  --bo-space-16: 16px;
  --bo-space-24: 24px;
  --bo-space-32: 32px;
  --bo-space-40: 40px;
  --bo-space-48: 48px;
  --bo-space-64: 64px;
  --bo-space-80: 80px;
  --bo-space-96: 96px;
  --bo-space-128: 128px;

  /* radii */
  --bo-radius-none: 0px;
  --bo-radius-sm: 4px;
  --bo-radius-md: 8px;
  --bo-radius-lg: 16px;
  --bo-radius-full: 9999px;

  /* shadows */
  --bo-shadow-sm: 0 1px 2px rgba(15, 61, 102, 0.06);
  --bo-shadow-md: 0 4px 12px rgba(15, 61, 102, 0.08);
  --bo-shadow-lg: 0 12px 32px rgba(15, 61, 102, 0.12);

  /* breakpoints (참조용 — @media 에서는 리터럴 사용) */
  --bo-bp-mobile: 390px;
  --bo-bp-tablet: 1024px;
  --bo-bp-desktop: 1440px;
}