/**
 * store カラートークン（テーマの色はこのファイルで管理）
 * front.css より先に読み込まれる想定（front.css 先頭の @import）
 */

:root {
    /* アクセント・テキスト */
    --primary-color: #171717;
    --primary-dark: #000000;
    --secondary-color: #f5f5f5;
    --text-color: #171717;
    --text-light: #525252;
    --text-lighter: #737373;
    --border-color: #d4d4d4;

    /* セマンティック（在庫・メッセージ等で利用） */
    --error-color: #404040;
    --success-color: #404040;

    --white: #ffffff;

    /* 影（黒の透明度のみ） */
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.15);
}