/* NullSsay SRP — 디자인 토큰. Microsoft Fluent 2 스타일(마이크로소프트 로그인 화면류)을
   기준으로 잡았다: 배경 사진(static/images/BG.jpg, 코랄→민트 블러 사진) 위에 뜬 반투명
   아크릴 카드, 부드러운 라운드, 얕은 depth 그림자, Segoe UI 계열 타이포. 강조색은 배경
   사진의 민트/틸 톤과 어울리게 마이크로소프트 블루 대신 틸 계열로 잡았다. */
:root {
  --font-family: "Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", sans-serif;

  --color-accent: #0e7c86;
  --color-accent-hover: #0a6870;
  --color-accent-pressed: #084f56;
  --color-accent-soft: #dff3f3;

  --color-bg: #f5f4f7;
  --color-bg-photo-overlay: rgba(255, 255, 255, 0.1);
  --color-surface: rgba(255, 255, 255, 0.78);
  --color-surface-solid: #ffffff;
  --color-border: rgba(0, 0, 0, 0.08);
  --color-border-strong: rgba(0, 0, 0, 0.14);

  --color-text: #1b1a19;
  --color-text-secondary: #605e5c;
  --color-text-tertiary: #8a8886;
  --color-text-on-accent: #ffffff;

  --color-success: #0f7b0f;
  --color-success-soft: #e8f5e8;
  --color-danger: #c42b1c;
  --color-danger-soft: #fdedec;
  --color-warning: #9d5d00;
  --color-warning-soft: #fff4e5;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  --shadow-flyout: 0 8px 28px rgba(0, 0, 0, 0.14), 0 1.6px 7.2px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 1.6px 3.6px rgba(0, 0, 0, 0.08), 0 0.3px 0.9px rgba(0, 0, 0, 0.06);
  --shadow-dialog: 0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18);

  --backdrop-blur: 24px;
}

/* 라이트 모드만 지원한다 — 배경 사진(BG.jpg)이 밝은 파스텔 톤이라 다크 모드로는 어울리지
   않는다고 판단해 prefers-color-scheme 대응 자체를 뺐다(사용자 확정). */