/* XERKONIX TACTILE Design Tokens · v3.1.0 — 2026.09
   명확한 쓰임과 다음 행동. 중립 표면, Pretendard, 정보에 맞는 구조.
   값의 원천은 이 파일만. 변경은 TACTILE.md → 여기 → 미러 재복사 → Flutter 파리티. */
:root{
  --x-bg:#F5F5F5; --x-panel:#FFFFFF; --x-black:#000000;
  --x-ink:#1D1D1F; --x-muted:#6E6E73; --x-hair:#D2D2D7; --x-hair-soft:#E8E8ED; --x-well:#ECECEF;
  --x-tint-text:#007A91; --x-tint-text-hover:#007A91;
  --x-tint-fill:#0081A0; --x-tint-on-fill:#FFFFFF;
  --x-tint:#0FA3BD;
  --x-tint-light:#3FB4C8;
  --x-tint-gem:#62CBDB;
  --x-tint-soft:#E3F3F6;
  --x-tint-dark:#3FB4C8;
  --x-warm:#B8503A; --x-cool:#3E6B8F;
  --x-ok:#4F7868; --x-warn:#A95C11; --x-bad:#C13030;
  --x-ok-on:#4B7263; --x-warn-on:#A05710; --x-bad-on:#B92E2E;
  --x-sans:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --x-mono:'Pretendard Variable',Pretendard,ui-monospace,SFMono-Regular,Menlo,monospace;
  --x-r-lg:28px; --x-r-md:18px; --x-r-card:16px; --x-r-sm:12px; --x-pill:980px;
  --x-sp-1:4px; --x-sp-2:8px; --x-sp-3:12px; --x-sp-4:16px; --x-sp-5:24px; --x-sp-6:32px; --x-sp-7:48px;
  --x-fs-display:58px; --x-fs-display-mobile:34px; --x-fs-section:44px; --x-fs-section-mobile:30px;
  --x-fs-page:32px; --x-fs-page-mobile:28px; --x-fs-title:22px; --x-fs-title-mobile:20px;
  --x-fs-body:17px; --x-fs-body-mobile:16px; --x-fs-small:15px; --x-fs-caption:13px;
  --x-leading-body:1.6; --x-leading-heading:1.2;
  --x-content-width:1160px; --x-reading-width:760px; --x-section-space:72px; --x-section-space-mobile:40px;
  --x-gutter:24px; --x-gutter-mobile:20px; --x-control-height:48px;
  --x-t1:180ms; --x-t2:260ms; --x-t3:320ms; --x-ease:cubic-bezier(.33,.02,.2,1);
  --x-lx:8%; --x-ly:-6%; --x-sx:.866; --x-sy:.5;
  --x-wash:#FFFFFF; --x-far:#EAEAED; --x-far-p:#F1F1F3;
  --x-glow:rgba(98,203,219,.22); --x-glow-p:rgba(98,203,219,.15);
  --x-hi:rgba(255,255,255,.95); --x-sh:rgba(26,27,34,.22); --x-sh-far:rgba(26,27,34,.12);
  --x-nav:rgba(245,245,245,.82);
}
:root[data-theme="dark"]{
  --x-bg:#000000; --x-panel:#161617; --x-ink:#F5F5F7; --x-muted:#86868B; --x-hair:#424245; --x-hair-soft:#2C2C2E; --x-well:#0F0F10;
  --x-tint-text:#3FB4C8; --x-tint-text-hover:#62CBDB; --x-tint-fill:#3FB4C8; --x-tint-on-fill:#0A0A0A;
  --x-tint:#3FB4C8; --x-tint-light:#62CBDB; --x-tint-soft:#0E2A30; --x-tint-dark:#62CBDB; --x-tint-gem:#62CBDB;
  --x-warm:#DE9074; --x-cool:#8AA8C2;
  --x-ok:#7FB59E; --x-warn:#EC9A50; --x-bad:#E67274;
  --x-ok-on:#7FB59E; --x-warn-on:#EC9A50; --x-bad-on:#E67274;
  --x-wash:#1C1C1F; --x-far:#000000; --x-far-p:#111113; --x-glow:rgba(63,180,200,.20); --x-glow-p:rgba(63,180,200,.14);
  --x-hi:rgba(255,255,255,.07); --x-sh:rgba(0,0,0,.75); --x-sh-far:rgba(0,0,0,.5); --x-nav:rgba(0,0,0,.8);
}