/* MARUTOU Sales Dashboard — Design Tokens (DESIGN.md 準拠) */
:root {
  /* Brand */
  --c-primary:        #1B4D3E;
  --c-primary-hover:  #143B30;
  --c-primary-soft:   #2D6E5A;
  --c-base:           #F0F2F5;
  --c-accent:         #F28C28;

  /* Surfaces */
  --c-surface:        #FFFFFF;
  --c-surface-muted:  #FAFBFC;
  --c-surface-tint:   #FAFAF8;

  /* Borders */
  --c-border:         #D7DDE2;
  --c-border-soft:    #EBEEF1;

  /* Text */
  --c-text:           #111111;
  --c-text-secondary: #4F5653;
  --c-text-muted:     #7A807D;
  --c-text-faint:     #B0B5B8;
  --c-on-primary:     #FFFFFF;

  /* Status */
  --c-status-bad:     #B8392B;
  --c-status-good:    #2D6E5A;
  --c-status-neutral: #7A807D;

  /* Spacing (8px baseline) */
  --s-xxs: 4px;
  --s-xs:  8px;
  --s-sm:  12px;
  --s-md:  16px;
  --s-lg:  24px;
  --s-xl:  32px;
  --s-2xl: 48px;
  --s-3xl: 64px;

  /* Radius (minimal) */
  --r-sm: 4px;
  --r-md: 6px;

  /* Typography */
  --ff-gothic: "BIZ UDPGothic", -apple-system, "Hiragino Sans", "Yu Gothic", sans-serif;
  --ff-mincho: "BIZ UDPMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;

  /* Layout */
  --shell-side-w: 220px;
  --shell-aside-w: 320px;
  --shell-topbar-h: 52px;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--c-base);
  color: var(--c-text);
  font-family: var(--ff-gothic);
  font-size: 13px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
button { font-family: inherit; font-size: inherit; color: inherit; background: none; border: none; cursor: pointer; padding: 0; }
input { font-family: inherit; font-size: inherit; }
a { color: var(--c-primary); text-decoration: none; }
a:hover { color: var(--c-accent); }