:root{
/* 層1: 顔料スケール — クローバーの世界観の原色。
   正本: dashboard_template/themes/light/theme.css（このファイルは生成物・直接編集しない） */

/* クローバー緑: ブランド。主導線CTA・選択・フォーカス・ON状態 */
--clover-50:#F2F8F4;
--clover-100:#E9F2E7;
--clover-200:#C4DCC6;
--clover-300:#98CDAD;
--clover-400:#5DB681;
--clover-500:#3FA35D;
--clover-600:#2F7D4E;
--clover-700:#297045;
--clover-800:#215B38;
--clover-900:#143923;

/* 若葉: 司書（知識）班・情報収集の面 */
--leaf-100:#E9F1E4;
--leaf-200:#D4E2CA;
--leaf-300:#ADCC99;
--leaf-400:#7CB159;
--leaf-500:#5B8A3C;
--leaf-600:#4A7230;
--leaf-700:#33511F;

/* 琥珀: フォルダ・メール係班・警告・星 */
--amber-100:#F6EEDD;
--amber-200:#EDDDC0;
--amber-250:#F5D77A;
--amber-300:#DFC086;
--amber-350:#E8B84B;
--amber-400:#E3A008;
--amber-500:#A87B2A;
--amber-550:#8A5A2B;
--amber-600:#875F1B;
--amber-700:#9A5B05;
--amber-800:#4A3308;

/* 朱: 危険・締切・日曜 */
--crimson-100:#FDECEC;
--crimson-200:#F0B8B8;
--crimson-300:#E18E8E;
--crimson-400:#D8494C;
--crimson-500:#C73535;
--crimson-600:#A82727;
--crimson-700:#7C1D1D;

/* 藍: 情報・会議・土曜・夜の演出 */
--azure-100:#E8EDF7;
--azure-150:#E8EAF2;
--azure-200:#C9D5ED;
--azure-300:#92ABDD;
--azure-400:#6186D1;
--azure-500:#3667C9;
--azure-600:#2F4E8C;
--azure-700:#213763;
--azure-750:#232B4D;
--azure-800:#1C2340;
--azure-850:#141A30;
--azure-900:#101426;
--azure-950:#0B0E1C;

/* 青灰: 差分学習班・控えめな区分 */
--slate-100:#E9EDF2;
--slate-300:#A9B6C6;
--slate-500:#6B7A8C;
--slate-600:#52616F;

/* 墨: 文字と境界（暖色グレー） */
--ink-100:#ECE9DE;
--ink-200:#DCD8C8;
--ink-300:#A8A491;
--ink-400:#94907C;
--ink-500:#6F6C5F;
--ink-600:#5D5A4E;
--ink-800:#2C2A23;
--ink-900:#23211B;

/* 紙: 地・面・サイドバー（温かい紙） */
--paper-0:#FFFFFF;
--paper-50:#FAF9F4;
--paper-100:#F7F5EE;
--paper-200:#F2F0E9;
--paper-300:#EFEDE2;
--paper-400:#E6E3D6;

/* 層2: 役割エイリアス — 画面はこちらだけを使う */
--color-canvas:var(--paper-200);
--color-sidebar:var(--paper-50);
--color-sidebar-hover:var(--paper-300);
--color-surface:var(--paper-0);
--color-surface-subtle:var(--paper-100);
--color-input:var(--paper-0);
--color-heading:var(--ink-900);
--color-text:var(--ink-800);
--color-text-muted:var(--ink-600);
--color-text-subtle:var(--ink-500);
--color-placeholder:var(--ink-400);
--color-border:var(--paper-400);
--color-border-strong:var(--ink-400);
--color-divider:var(--ink-100);
--color-on-dark:var(--paper-0);
--color-accent:var(--clover-600);
--color-accent-hover:var(--clover-700);
--color-accent-strong:var(--clover-800);
--color-accent-soft:var(--clover-100);
--color-accent-border:var(--clover-200);
--color-on-accent:var(--paper-0);
--color-folder:var(--amber-550);
--color-folder-icon:var(--amber-500);
--color-folder-soft:var(--amber-100);
--color-icon-text:var(--ink-500);
--color-focus:var(--clover-600);
--color-nav-dot:var(--ink-500);
--color-scope-today-bg:var(--clover-50);
--color-star:var(--amber-400);
--color-underline:var(--clover-200);
--color-skeleton:var(--ink-100);
--color-check-circle:var(--ink-200);
--color-check-done:var(--clover-500);
--color-success:var(--clover-500);
--color-success-strong:var(--clover-600);
--color-success-soft:var(--clover-100);
--color-warning-strong:var(--amber-700);
--color-warning-soft:var(--amber-100);
--color-danger:var(--crimson-500);
--color-danger-strong:var(--crimson-600);
--color-danger-soft:var(--crimson-100);
--color-danger-border:var(--crimson-200);
--color-on-danger:var(--paper-0);
--color-neutral-soft:var(--paper-300);
--color-status-wait:var(--ink-300);
--color-dept-knowledge:var(--leaf-600);
--color-dept-mail:var(--amber-600);
--color-dept-improve:var(--slate-600);
--color-dept-secretary-soft:var(--clover-100);
--color-dept-knowledge-soft:var(--leaf-100);
--color-dept-mail-soft:var(--amber-100);
--color-dept-improve-soft:var(--slate-100);
--color-cal-sat:var(--azure-500);
--color-cal-sun:var(--crimson-400);
--color-event-meeting-bg:var(--azure-100);
--color-event-meeting-text:var(--azure-600);
--color-event-stream-bg:var(--clover-100);
--color-event-stream-text:var(--clover-700);
--color-event-deadline-bg:var(--amber-100);
--color-event-deadline-text:var(--amber-700);
--color-event-plain-bg:var(--paper-300);
--color-event-plain-text:var(--ink-800);
--color-priority-high-bg:var(--crimson-100);
--color-priority-high-text:var(--crimson-500);
--color-priority-mid-bg:var(--amber-100);
--color-priority-mid-text:var(--amber-700);
--color-priority-low-bg:var(--paper-300);
--color-priority-low-text:var(--ink-600);
--color-badge-new-bg:var(--clover-100);
--color-badge-new-text:var(--clover-700);
--color-button-muted:var(--ink-500);
--color-autosave:var(--clover-500);
--color-step-done:var(--clover-500);
--color-approve:var(--clover-600);
--color-return:var(--amber-400);
--color-return-text:var(--amber-800);
--color-reject:var(--crimson-500);
--color-card-selected-bg:var(--clover-50);
--color-report-green:var(--clover-500);
--color-report-amber:var(--amber-400);
--color-important-bg:var(--crimson-100);
--color-important-text:var(--crimson-500);
--color-chat-bg:var(--paper-100);
--color-chat-kuon-bubble:var(--paper-0);
--color-chat-user-bubble:var(--leaf-200);
--color-chat-name:var(--clover-700);
--color-chat-time:var(--ink-600);
--color-delete-confirm:var(--crimson-400);
--color-delete-confirm-hover:var(--crimson-500);
--color-delete-cancel:var(--ink-300);
--color-delete-check:var(--clover-700);
--color-mail-icon-done:var(--clover-700);
--color-mail-icon-done-hover:var(--clover-800);
--color-mail-icon-line:var(--ink-500);
--color-news-accent:var(--clover-800);
--color-news-accent-hover:var(--clover-900);
--color-news-accent-soft:var(--clover-100);
--color-news-hero-a:var(--clover-800);
--color-news-hero-b:var(--clover-900);
--color-x-avatar-1a:var(--clover-500);
--color-x-avatar-1b:var(--clover-700);
--color-x-avatar-2a:var(--azure-400);
--color-x-avatar-3a:var(--leaf-400);
--color-x-avatar-3b:var(--leaf-600);
--color-x-avatar-4a:var(--amber-400);
--color-x-avatar-4b:var(--amber-600);
--color-progress-track:var(--paper-400);
--color-code-bg:var(--paper-300);
--color-toast:var(--ink-900);
--color-toast-border:var(--clover-900);
--color-report-band-default-a:var(--clover-800);
--color-report-band-default-b:var(--clover-600);
--color-report-band-morning-a:var(--amber-700);
--color-report-band-morning-b:var(--amber-400);
--color-report-band-review-a:var(--azure-700);
--color-report-band-review-b:var(--azure-400);
--color-report-band-news-a:var(--leaf-700);
--color-report-band-news-b:var(--leaf-400);
--color-report-band-file-a:var(--slate-600);
--color-report-band-file-b:var(--slate-300);
--color-report-band-text:var(--paper-0);
--color-report-paper:var(--paper-50);
--color-report-kind-morning-bg:var(--amber-100);
--color-report-kind-review-bg:var(--azure-100);
--color-report-kind-news-bg:var(--leaf-100);
--color-report-kind-file-bg:var(--slate-100);
--color-report-kind-other-bg:var(--clover-100);
--color-cal-grid-line:var(--paper-400);
--color-cal-weekend-bg:var(--paper-100);
--color-cal-chip-stream:var(--clover-600);
--color-cal-chip-deadline:var(--crimson-500);
--color-cal-chip-meeting:var(--azure-500);
--color-cal-holiday-bg:var(--crimson-100);
--color-cal-holiday-text:var(--crimson-600);
--gradient-clover:linear-gradient(135deg, var(--clover-500) 0%, var(--clover-600) 100%); /* @kind color */
--gradient-clover-deep:linear-gradient(135deg, var(--clover-700) 0%, var(--clover-800) 100%); /* @kind color */

/* 層3: 旧DSエイリアス互換 — components/ と ui_kits/ が参照している名前を
   層1へ繋ぎ直す。新しい画面は層2（--color-*）を使う */
--brand:var(--clover-600);
--brand-hover:var(--clover-700);
--brand-press:var(--clover-800);
--brand-soft:var(--clover-100);
--brand-ink:var(--clover-800);
--text-strong:var(--ink-900);
--text-body:var(--ink-800);
--text-muted:var(--ink-600);
--text-on-brand:var(--paper-0);
--text-link:var(--clover-700);
--surface-page:var(--paper-200);
--surface-card:var(--paper-0);
--surface-sunken:var(--paper-300);
--surface-soft:var(--clover-100);
--border-subtle:var(--ink-100);
--border-default:var(--paper-400);
--border-strong:var(--ink-400);
--border-brand:var(--clover-600);
--state-success:var(--clover-500);
--state-warning:var(--amber-700);
--state-danger:var(--crimson-500);
--state-info:var(--azure-500);
--neutral-0:var(--paper-0);
--neutral-50:var(--paper-50);
--neutral-100:var(--ink-100);
--neutral-200:var(--paper-400);
--neutral-400:var(--ink-400);
--neutral-500:var(--ink-500);
--neutral-900:var(--ink-900);
--clover-first:var(--clover-600);
}