/* Design tokens. Inherited from the V5 theme (zentai-sekkei_v5_standalone.html)
   so ported screens keep their look. All colors and sizes live here;
   component styles in app.css reference these variables only. */
:root {
  --sidebar-width: 260px;

  --bg-dark: #0f1117;
  --bg-sidebar: #0f1117;
  --bg-main: #f8f9fc;

  --accent-primary: #0f1117;
  --accent-secondary: #2563eb;
  --accent-gradient: linear-gradient(135deg, #0f1117, #1e293b);

  --text-light: #94a3b8;
  --text-dark: #0f172a;
  --text-muted: #64748b;

  --card-bg: #ffffff;
  --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  --card-hover-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  --border-color: #e2e8f0;

  --success: #16a34a;
  --danger: #dc2626;
  --tag-bg: #f1f5f9;
  --tag-text: #334155;

  /* Channel accents (配信設計). app.css maps each channel-<id> class onto
     --sc-accent; JS switches classes and never sets colors directly. */
  --channel-line: #06c755;
  --channel-email: #2563eb;
  --channel-sms: #0ea5e9;
  --channel-rcs: #8b5cf6;

  --font-body: 'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', sans-serif;
}