/* ==========================================================================
 * スマホdeサイン の画面の型の色（2026-10-17）
 *
 * 型そのもの（見出し段・カード・フォームの格子・一覧の表）は shared の core/css/ui_page.css（全アプリ共通）。
 * ここではサインの基調色（紫 #7e57c2）だけを :root の変数で上書きする。base.html で core/css/ui_page.css の後に読む。
 * 派生色: 濃色 #6a45b0／#5b3a9e、淡色 #f1ebfa（各アプリの基調色の割り当ては CLAUDE.md・メモの app_theme_colors）。
 * ========================================================================== */
:root {
    --kp-ui-primary: #7e57c2;
    --kp-ui-primary-dark: #6a45b0;
    --kp-ui-primary-deep: #5b3a9e;
    --kp-ui-primary-soft: #f1ebfa;
    --kp-ui-primary-soft-border: #e2d6f3;
    --kp-ui-primary-line: #c4b1e4;
    --kp-ui-primary-ring: rgba(126, 87, 194, .14);
    --kp-ui-primary-shadow: rgba(126, 87, 194, .2);
    --kp-ui-primary-shadow-soft: rgba(126, 87, 194, .08);
    --kp-ui-table-head: #f4f1f9;
}