/* VisionSoft — design tokens */

:root {
  /* Color — deep navy enterprise, light surfaces */
  --color-navy-950: #0b1c33;
  --color-navy-900: #12263f;
  --color-navy-800: #1a3352;
  --color-navy-700: #243f63;

  --color-bg: #f4f6f9;
  --color-bg-elevated: #ffffff;
  --color-bg-muted: #e8eef5;
  --color-bg-subtle: #dfe7f1;

  --color-text: #1c2430;
  --color-text-secondary: #4a5568;
  --color-text-muted: #6b778a;
  --color-text-on-navy: #f5f7fa;
  --color-text-on-navy-muted: #b8c4d4;

  --color-border: #cfd8e6;
  --color-border-strong: #a8b6c9;

  --color-accent: #2a5a8c;
  --color-accent-hover: #1e4a75;
  --color-focus: #3d7ab5;

  --color-status-bg: #e8eef5;
  --color-status-text: #243f63;

  /* Typography — system stack, Korean-first */
  --font-sans: "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕",
    "Noto Sans KR", "Segoe UI", sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 1.875rem;
  --text-3xl: 2.25rem;

  --leading-tight: 1.35;
  --leading-normal: 1.65;
  --leading-relaxed: 1.75;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --space-9: 4rem;
  --space-10: 5rem;

  /* Layout */
  --container-max: 68rem;
  --container-narrow: 42rem;
  --header-height: 3.75rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.375rem;
  --radius-lg: 0.5rem;

  /* Breakpoints (reference in media queries) */
  --bp-md: 48rem;
  --bp-lg: 64rem;

  /* Motion — intentionally minimal */
  --duration-fast: 120ms;
  --ease-default: ease;
}