/* dminusseven 홈페이지 디자인 값. 색·글꼴·간격은 여기서만 정하고, styles.css 는 이름으로만 쓴다. */
:root {
  /* 흰 바탕 + 파랑(회사 로고의 파랑 #0047AB). 짙은 남색은 띠·약속·바닥에만 쓴다 */
  --color-night: oklch(0.23 0.075 268);
  --color-night-2: oklch(0.28 0.085 268);
  --color-night-3: oklch(0.34 0.1 268);
  --color-night-rule: oklch(0.4 0.09 268);
  --color-on-night: oklch(0.985 0.008 260);
  --color-on-night-2: oklch(0.87 0.04 262);
  --color-on-night-3: oklch(0.75 0.055 262);
  --color-paper: oklch(0.995 0.002 260);
  --color-paper-2: oklch(0.97 0.014 260);
  --color-paper-3: oklch(0.94 0.03 260);
  --color-sheet: oklch(1 0 0);
  --color-ink: oklch(0.21 0.04 268);
  --color-ink-2: oklch(0.41 0.035 268);
  --color-mute: oklch(0.54 0.03 266);
  --color-rule: oklch(0.905 0.018 262);
  --color-accent: oklch(0.43 0.175 259);
  --color-accent-deep: oklch(0.36 0.16 260);
  --color-accent-bright: oklch(0.84 0.1 250);
  --color-accent-ink: oklch(0.995 0 0);
  --color-accent-wash: oklch(0.935 0.045 262);
  --color-ok: oklch(0.47 0.13 155);
  --color-err: oklch(0.52 0.19 28);
  --color-focus: oklch(0.43 0.175 259);
  --color-char-shadow: oklch(0.23 0.075 268 / 0.22);
  --shadow-card: 0 1px 2px oklch(0.23 0.075 268 / 0.06), 0 18px 48px -18px oklch(0.23 0.075 268 / 0.24);

  --font-display: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  --font-body: 'Pretendard Variable', Pretendard, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  /* 포인트 서체: 첫 화면 제목과 맨 아래 한 문장에만 쓴다(한 화면에 한 번) */
  --font-point: 'MaruBuriBold', 'MaruBuri', 'Noto Serif KR', 'Nanum Myeongjo', serif;

  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem; --space-sm: 1rem; --space-md: 1.5rem;
  --space-lg: 2rem; --space-xl: 3rem; --space-2xl: 4.5rem; --space-3xl: 7rem;

  /* 크기: PC 제목 48 / 중간 제목 32 / 소제목 22 / 본문 17 / 보조 13, 휴대폰 30 / 24 / 19 / 16 / 13. 12px 아래는 쓰지 않는다 */
  --text-xs: 0.8125rem; --text-sm: 0.9375rem; --text-md: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem); --text-lg: clamp(1.0625rem, 1rem + 0.35vw, 1.1875rem); --text-xl: 1.5rem;
  --text-h3: clamp(1.1875rem, 1.1rem + 0.45vw, 1.375rem);
  --text-2xl: clamp(1.5rem, 1.2rem + 1.3vw, 2rem);
  --text-display: clamp(1.875rem, 1.2rem + 3vw, 3rem);
  --text-stat: clamp(2.5rem, 6vw, 4.25rem);

  --radius-card: 28px; --radius-input: 14px; --radius-pill: 999px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-short: 180ms; --dur-mid: 520ms; --dur-exit: 200ms;
  color-scheme: light;
}