/* KoreaGenie 리뉴얼 — 브랜드 디자인 토큰
 * 기준: 로고의 blue/orange와 거래 화면에 적합한 neutral surface. 전 페이지 공통 변수.
 * [P0-1] 이 파일은 토큰만 정의한다. 컴포넌트 스타일은 md3-components.css.
 */
:root{
  /* ===== Color roles ===== */
  --md-primary:#29449C;
  --md-on-primary:#FFFFFF;
  --md-primary-container:#E7ECFA;
  --md-on-primary-container:#16265F;
  --md-secondary:#536174;
  --md-on-secondary:#FFFFFF;
  --md-secondary-container:#EDF1F6;
  --md-on-secondary-container:#263244;
  --md-tertiary:#B85C00;
  --md-on-tertiary:#FFFFFF;
  --md-tertiary-container:#FFF0DE;
  --md-on-tertiary-container:#4B2500;
  --md-error:#B3261E;
  --md-on-error:#FFFFFF;
  --md-error-container:#F9DEDC;
  --md-on-error-container:#410E0B;
  /* surfaces */
  --md-surface:#F8F9FC;
  --md-surface-dim:#DDE1E8;
  --md-surface-bright:#FFFFFF;
  --md-surface-container-lowest:#FFFFFF;
  --md-surface-container-low:#F4F6F9;
  --md-surface-container:#EEF1F5;
  --md-surface-container-high:#E7EBF0;
  --md-surface-container-highest:#DDE2E9;
  --md-surface-variant:#E8ECF1;
  --md-on-surface:#171A21;
  --md-on-surface-variant:#566071;
  --md-outline:#707A8B;
  --md-outline-variant:#CDD3DC;
  --md-inverse-surface:#202632;
  --md-inverse-on-surface:#F5F7FA;
  --md-shadow:rgba(0,0,0,.15);
  --md-scrim:rgba(0,0,0,.4);

  /* ===== Shape (corner radius) ===== */
  --r-xs:4px;
  --r-sm:6px;
  --r-md:10px;
  --r-lg:16px;
  --r-xl:20px;
  --r-full:100px;

  /* ===== Typography ===== */
  --md-font:'Noto Sans',-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Pretendard",sans-serif;
  --md-font-mono:'Roboto Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  /* ===== Layout ===== */
  --appbar-h:72px;
  --navbar-h:64px;
  --wrap-max:1200px;

  /* ===== Elevation (shadow) ===== */
  --elev-1:0 1px 2px rgba(0,0,0,.10),0 1px 3px rgba(0,0,0,.08);
  --elev-2:0 1px 3px var(--md-shadow),0 4px 10px rgba(23,26,33,.10);
  --elev-3:0 2px 6px var(--md-shadow),0 8px 24px rgba(0,0,0,.18);
}