/* VIEUX BUYING TRIP — design tokens (Gallery) R1 · 2026-10-07
   docs/design/r1/tokens.css が正。main.css の旧変数（--color-*）はここへの別名 */
:root {
  --bg:           #fbfbfa;
  --s1:           #f2f2f0;
  --s2:           #e9e9e6;
  --line:         #e4e4e1;
  --ink:          #0e0e0e;
  --t2:           #5e5e5b;
  --t3:           #9a9a96;
  --card:         #ffffff;
  --ok:           #2f7a45;
  --warn:         #8a5508;
  --warn-soft:    #f6ead5;
  --err:          #b0362b;
  --err-soft:     #f6dfdb;
  --accent:       #e2701f;
  --accent-soft:  #fcebdc;
  --on-accent:    #0e0e0e;
  --on-ink:       #fbfbfa;
  --map:          #ececea;
  --road:         #f9f9f7;
  --placeholder:  repeating-linear-gradient(135deg,#e6e6e3 0 7px,#dcdcd8 7px 8px);

  --font:          -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', sans-serif;
  --fs-amount: 64px; --fs-hero: 34px; --fs-title: 28px; --fs-section: 19px;
  --fs-body: 16px;   --fs-input: 17px; --fs-sub: 13px; --fs-label: 11px;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --radius-input: 18px; --radius-card: 24px; --radius-sheet: 28px; --radius-pill: 999px;
  --tap: 44px; --btn: 52px; --btn-bar: 54px; --tabbar: 88px;
  --shadow-float: 0 14px 30px -12px rgba(0,0,0,.45);

  --ease:     cubic-bezier(.2,.8,.2,1);
  --ease-out: cubic-bezier(.4,0,.2,1);
  --t-press: 120ms; --t-ui: 320ms; --t-sheet: 380ms; --t-card: 420ms; --t-flip: 500ms;
  --t-number: 900ms; --stagger-digit: 45ms; --pulse: 1800ms; --ticker: 34s;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  color-scheme: light;
}

/* ダークの値（設定 › 表示 = ダーク、または 自動で端末がダーク） */
:root[data-theme="dark"] {
  --bg:           #141413;
  --s1:           #1e1e1d;
  --s2:           #2a2a28;
  --line:         #2c2c2a;
  --ink:          #ecebe6;
  --t2:           #a6a49d;
  --t3:           #74726c;
  --card:         #2b2b29;
  --ok:           #8fc29a;
  --warn:         #e3a74e;
  --warn-soft:    #3a2d17;
  --err:          #f07468;
  --err-soft:     #3d1f1b;
  --accent:       #f0883e;
  --accent-soft:  #3a2414;
  --on-accent:    #0e0e0e;
  --on-ink:       #141413;
  --map:          #1d1d1c;
  --road:         #2a2a28;
  --placeholder:  repeating-linear-gradient(135deg,#262624 0 7px,#2e2e2c 7px 8px);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg: #141413; --s1: #1e1e1d; --s2: #2a2a28; --line: #2c2c2a; --ink: #ecebe6;
    --t2: #a6a49d; --t3: #74726c; --card: #2b2b29; --ok: #8fc29a;
    --warn: #e3a74e; --warn-soft: #3a2d17; --err: #f07468; --err-soft: #3d1f1b;
    --accent: #f0883e; --accent-soft: #3a2414; --on-accent: #0e0e0e; --on-ink: #141413;
    --map: #1d1d1c; --road: #2a2a28;
    --placeholder: repeating-linear-gradient(135deg,#262624 0 7px,#2e2e2c 7px 8px);
    color-scheme: dark;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root { --t-card: 0ms; --t-flip: 0ms; --t-number: 0ms; --pulse: 0ms; }
}