/**
 * The Wrap ブランドカラー（2026）— ARC-Editing 共通トークン
 * PHP: includes/arc-editing-brand-colors.php と同期
 */

:root {
  --arc-brand-orange: #fc9200;
  --arc-brand-blue: #005fb0;
  --arc-brand-cyan: #009ace;
  --arc-brand-green: #339f00;
  --arc-brand-violet: #666aba;
  --arc-brand-red: #f9423a;
  --arc-brand-magenta: #ff3eb5;
  --arc-brand-yellow: #ffe900;
  --arc-brand-black: #000000;
  --arc-brand-cream: #faf8ed;
  --arc-brand-dark: #27292f;

  --arc-brand-ink: var(--arc-brand-dark);
  --arc-brand-ink-black: var(--arc-brand-black);
  --arc-brand-on-dark: var(--arc-brand-cream);
  --arc-brand-on-dark-pure: #ffffff;
  --arc-brand-surface: var(--arc-brand-cream);
  --arc-brand-surface-card: #ffffff;
  --arc-brand-accent: var(--arc-brand-yellow);
  --arc-brand-accent-strong: var(--arc-brand-orange);
  --arc-brand-border: var(--arc-brand-dark);
  --arc-brand-editor-chrome: var(--arc-brand-yellow);
  --arc-brand-editor-chrome-bg: #fffbe6;
  --arc-brand-editor-chrome-ink: var(--arc-brand-dark);
  --arc-brand-muted-ink: #3d4654;

  --arc-color-ink: var(--arc-brand-ink);
  --arc-color-on-dark: var(--arc-brand-on-dark);
  --arc-editing-yellow: var(--arc-brand-accent);
  --arc-editing-yellow-bg: var(--arc-brand-editor-chrome-bg);
  --arc-editing-yellow-ink: var(--arc-brand-editor-chrome-ink);
}