/**
 * gazlog Design Tokens - Static Defaults
 *
 * これは静的フォールバック。
 * 管理画面で保存された値はインライン CSS で上書きされる。
 * ブリッジ変数・shadow・transition はここで定義。
 *
 * 使い方: DESIGN_SYSTEM.md を参照
 */

:root {
    /* ===== Brand Colors (defaults, overridden by admin inline CSS) ===== */
    --gazlog-primary:        #212f99;
    --gazlog-primary-hover:  #1a2570;
    --gazlog-primary-light:  #e8ecf9;
    --gazlog-accent:         #e87612;
    --gazlog-accent-hover:   #d06810;
    --gazlog-accent-light:   #fef3e2;

    /* ===== Semantic (defaults) ===== */
    --gazlog-success:        #2e7d32;
    --gazlog-success-bg:     #e8f5e9;
    --gazlog-error:          #c62828;
    --gazlog-error-bg:       #fce4ec;
    --gazlog-warning:        #e65100;
    --gazlog-warning-bg:     #fff3e0;
    --gazlog-info:           #0369a1;
    --gazlog-info-bg:        #e0f2fe;

    /* ===== Neutral (defaults) ===== */
    --gazlog-text:           #333333;
    --gazlog-text-secondary: #6b7280;
    --gazlog-text-muted:     #9ca3af;
    --gazlog-bg:             #ffffff;
    --gazlog-bg-light:       #f9fafb;
    --gazlog-bg-subtle:      #f3f4f6;
    --gazlog-border:         #e5e7eb;
    --gazlog-border-dark:    #d1d5db;

    /* ===== Typography (defaults) ===== */
    --gazlog-font-family: "游ゴシック体", "Yu Gothic", YuGothic,
        "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
        -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --gazlog-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

    /* ===== Spacing (defaults) ===== */
    --gazlog-gap-xs:  4px;
    --gazlog-gap-sm:  8px;
    --gazlog-gap-md:  12px;
    --gazlog-gap-lg:  16px;
    --gazlog-gap-xl:  24px;

    /* ===== Border Radius (defaults) ===== */
    --gazlog-radius-sm:   4px;
    --gazlog-radius-md:   8px;
    --gazlog-radius-lg:   12px;
    --gazlog-radius-pill:  80px;

    /* ===== Box Shadow ===== */
    --gazlog-shadow-sm:    0 1px 3px rgba(0, 0, 0, 0.06);
    --gazlog-shadow-md:    0 2px 8px rgba(0, 0, 0, 0.08);
    --gazlog-shadow-lg:    0 4px 16px rgba(0, 0, 0, 0.12);
    --gazlog-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.15);

    /* ===== Transition ===== */
    --gazlog-transition: all 0.2s ease;

    /* ===== Rank / Tier Badge Colors (defaults) ===== */
    --gazlog-rank-s-bg:      #fef3c7;
    --gazlog-rank-s-color:   #92400e;
    --gazlog-rank-s-border:  #f59e0b;

    --gazlog-rank-a-bg:      #dcfce7;
    --gazlog-rank-a-color:   #166534;
    --gazlog-rank-a-border:  #22c55e;

    --gazlog-rank-b-bg:      #dbeafe;
    --gazlog-rank-b-color:   #1e40af;
    --gazlog-rank-b-border:  #3b82f6;

    --gazlog-rank-c-bg:      #ffedd5;
    --gazlog-rank-c-color:   #9a3412;
    --gazlog-rank-c-border:  #f97316;

    --gazlog-rank-d-bg:      #fee2e2;
    --gazlog-rank-d-color:   #991b1b;
    --gazlog-rank-d-border:  #ef4444;

    /* ===== Plugin Bridge: pc-parts-price-tracker ===== */
    --pcparts-active-bg:     var(--gazlog-primary);
    --pcparts-accent:        var(--gazlog-accent);
    --pcparts-border-radius: var(--gazlog-radius-md);
    --pcparts-box-shadow:    var(--gazlog-shadow-md);

    /* ===== Plugin Bridge: gazlog-minipc ===== */
    --gzl-color-main:     var(--gazlog-primary);
    --gzl-color-text:     var(--gazlog-text);
    --gzl-color-border:   var(--gazlog-border);
    --gzl-color-bg-light: var(--gazlog-bg-light);

    /* ===== Amazon (ブランドカラー固定) ===== */
    --gazlog-amazon:       #ff9900;
    --gazlog-amazon-hover: #e68a00;
}