/* デザイントークン（docs/04_ui_design.md と対応）。public/css/ にコピーして使う */
:root {
  --c-bg: #F6F4EF;
  --c-surface: #FFFFFF;
  --c-ink: #302D27;
  --c-ink-muted: #625D52;
  --c-border: #E2DDD2;
  --c-border-input: #B8AF9E;
  --c-divider: #EEEAE2;
  --c-primary: #706650;
  --c-primary-hover: #554C3C;
  --c-primary-tint: #EDE8DE;
  --c-primary-line: #968A72;
  --c-external: #6B6460;
  --c-external-bg: #EDE8E3;
  --c-dark: #3F3834;
  --c-warn-bg: #FBEBD3;
  --c-warn-ink: #6B3F0E;
  --c-ok-bg: #EEF4EA;
  --c-ok-ink: #244A20;
  --c-disabled-bg: #F2EEEA;
  --c-disabled-ink: #8A807A;

  --font-body: 'Zen Kaku Gothic New', sans-serif;
  --font-shop: 'Shippori Mincho', serif;

  --gutter: 16px;
  --radius-card: 14px;
  --radius-btn: 12px;
  --radius-btn-primary: 14px;
  --h-btn: 48px;
  --h-btn-primary: 52px;
  --tap-min: 44px;

  --ledger-hour-day: 64px;
  --ledger-hour-week: 48px;
}

html, body { margin: 0; background: var(--c-bg); color: var(--c-ink); font-family: var(--font-body); }
input, select, textarea, button { font-family: inherit; font-size: 16px; }
a { color: var(--c-primary); }
a:hover { color: var(--c-primary-hover); }
.num { font-feature-settings: 'tnum'; }
.app { max-width: 480px; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; }

/* 添付ロゴは原本を保持し、白い外周だけを表示領域で詰める。 */
.brand-logo{display:block;position:relative;width:120px;aspect-ratio:224/120;overflow:hidden;flex-shrink:0;mix-blend-mode:multiply}
.brand-logo img{position:absolute;max-width:none;width:133.928571%;height:auto;left:-16.964286%;top:-73.333333%}
.brand-logo-login{width:224px;max-width:100%}
.brand-logo-nav{width:44px}