/* AoT 디자인 토큰 — reference/aot-ui-guide.md §2, DESIGN §8.
   이름은 AoT 와 같다. 값은 AoT /custom.css 기본 발행값(프로토타입 :root 와 같은 값).
   색 값은 이 파일에만 적는다(tests/test_css_conventions.py 가 지킨다). */
:root{
  /* 브랜드 · 글자 */
  --aot-color-brand-primary:#13261B;
  --aot-color-brand-secondary:#5E6B64;
  --aot-color-brand-accent:#F3F6F5;
  --aot-color-text-primary:#13261B;
  --aot-color-text-secondary:#5E6B64;
  --aot-color-text-tertiary:#FFFFFF;

  /* 표면 — 바닥과 카드는 밝기로만 갈린다 */
  --aot-surface-card:#FFFFFF;
  --aot-surface-body:#e0e6e3;
  --aot-surface-control:#F3F6F5;

  /* 선 — 입력 밑줄과 컨테이너 안 구분선에만 */
  --aot-border-neutral:#DDDDDD;
  --aot-btn-border-primary:#B6BABA;

  /* 버튼 */
  --aot-btn-bg-primary:#13261B;
  --aot-btn-bg-secondary:#5E6B64;

  /* 의미색 — 판정할 때만 */
  --aot-color-success:#96C064;
  --aot-color-warning:#FEA60B;
  --aot-color-danger:#DF5353;
  --aot-color-info:#029ACF;
  /* 틴트 — 면에는 bg, 그 면 위 글자는 짝지은 fg 만 */
  --aot-tint-success-bg:#EEF6E6;
  --aot-tint-success-fg:#557A30;
  --aot-tint-warning-bg:#FFF3E2;
  --aot-tint-warning-fg:#94650A;
  --aot-tint-danger-bg:#FBE7E7;
  --aot-tint-danger-fg:#B23B3B;
  --aot-tint-info-bg:#E7F4FB;
  --aot-tint-info-fg:#06709B;

  /* 측정 밴드 · aot-viz */
  --aot-band-1:#2DB4FF;
  --aot-band-2:#54BCC1;
  --aot-band-3:#32C85A;
  --aot-band-4:#FEAE5F;
  --aot-band-5:#CF5C58;
  --aot-viz-track-mix:10%;

  /* 그림자 — 가장 진한 값이 modal */
  --aot-shadow-sm:0 2px 4px rgba(0,0,0,0.05);
  --aot-shadow-md:0 4px 12px rgba(0,0,0,0.03);
  --aot-shadow-lg:0 10px 25px rgba(0,0,0,0.06);
  --aot-shadow-modal:0 5px 20px rgba(0,0,0,0.15);
  --aot-modal-backdrop:rgba(0,0,0,0.5);

  /* 모서리 — 면은 xl(20px), 누르는 것은 알약 */
  --aot-radius-xs:4px;
  --aot-radius-sm:8px;
  --aot-radius-md:12px;
  --aot-radius-lg:16px;
  --aot-radius-xl:20px;
  --aot-radius-pill:999px;

  /* 간격 — 4의 배수 */
  --aot-space-1:4px;
  --aot-space-2:8px;
  --aot-space-3:12px;
  --aot-space-4:16px;
  --aot-space-5:24px;
  --aot-space-6:32px;

  /* 글꼴 */
  --aot-font-family:"Gothic A1","Ubuntu","Open Sans","Nanum Gothic","Malgun Gothic","Apple SD Gothic Neo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;

  /* 글자 크기 사다리 */
  --aot-font-size-2xs:0.7rem;
  --aot-font-size-xs:0.75rem;
  --aot-font-size-sm:0.875rem;
  --aot-font-size-base:1rem;
  --aot-font-size-lg:1.125rem;
  --aot-font-size-xl:1.5rem;

  /* 글자 역할 — 페이지 CSS 는 사다리가 아니라 역할 이름을 쓴다 */
  --aot-fs-page-title:var(--aot-font-size-xl);
  --aot-fs-section-title:var(--aot-font-size-lg);
  --aot-fs-container-title:var(--aot-font-size-base);
  --aot-fs-page-body:var(--aot-font-size-sm);
  --aot-fs-desc:var(--aot-font-size-xs);
  --aot-fs-control:var(--aot-font-size-xs);
  --aot-fw-body:400;
  --aot-fw-title:500;
  --aot-fw-label:600;

  /* 터치 · 뷰포트 */
  --aot-touch:2.75rem;
  --aot-touch-scale:115%;
  --aot-btn-fixed-width:60px;
  --aot-vh:1vh;
  --aot-vw:1vw;
  --aot-dvh:1dvh;
}

/* 어두운 테마 — AoT custom-dark.css 값 */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --aot-color-brand-accent:#1a1a1a;
    --aot-color-text-primary:#F3F6F5;
    --aot-color-text-secondary:#D1D5D5;
    --aot-surface-card:#1e1e1e;
    --aot-surface-body:#121212;
    --aot-surface-control:#2a2a2a;
    --aot-border-neutral:#444444;
    --aot-color-danger:#c94444;
    --aot-viz-track-mix:26%;
    --aot-modal-backdrop:rgba(0,0,0,0.7);
  }
}
:root[data-theme="dark"]{
  --aot-color-brand-accent:#1a1a1a;
  --aot-color-text-primary:#F3F6F5;
  --aot-color-text-secondary:#D1D5D5;
  --aot-surface-card:#1e1e1e;
  --aot-surface-body:#121212;
  --aot-surface-control:#2a2a2a;
  --aot-border-neutral:#444444;
  --aot-color-danger:#c94444;
  --aot-viz-track-mix:26%;
  --aot-modal-backdrop:rgba(0,0,0,0.7);
}