/**
 * EASYS2 Estate — 配色・デザイントークン定義
 *
 * 【このファイルが色定義の唯一の出所です】
 * プラグインのテーマ配色を変えたい場合は、このファイルの値だけを書き換えてください。
 * 各CSS（admin / dashboard / front / range-slider / recommend-block）は
 * ここで定義した CSS 変数（var(--easys2-*)）を参照して描画します。
 *
 * 注意:
 * - WordPress 標準UIのクローム色（#1d2327 #c3c4c7 #dcdcde 等）はブランド色と別物のため
 *   ここでは統合していません（各CSSに残す）。
 * - 半透明色は用途別のセマンティック変数として個別に定義しています。
 */
:root {
    /* ── ブランド / プライマリ ── */
    --easys2-primary: #b42318;
    --easys2-primary-hover: #1d4ed8;
    --easys2-primary-active: #1e40af;
    --easys2-primary-light: #3b82f6;
    --easys2-primary-50: #eff6ff;
    --easys2-primary-focus: rgba(37, 99, 235, 0.12);
    --easys2-ring-primary: rgba(37, 99, 235, 0.25);

    /* ── テキスト（グレースケール） ── */
    --easys2-text: #111827;
    --easys2-text-strong: #1f2937;
    --easys2-text-body: #374151;
    --easys2-text-muted: #6b7280;
    --easys2-text-soft: #9ca3af;

    /* ── ボーダー ── */
    --easys2-border: #d1d5db;
    --easys2-border-soft: #e5e7eb;
    --easys2-border-strong: #9ca3af;

    /* ── 背景 ── */
    --easys2-bg: #ffffff;
    --easys2-bg-soft: #f9fafb;
    --easys2-bg-alt: #f3f4f6;

    /* ── 危険 / エラー ── */
    --easys2-danger: #b42318;
    --easys2-danger-hover: #991b1b;
    --easys2-danger-border: #fecaca;
    --easys2-danger-border-hover: #f87171;
    --easys2-danger-bg-hover: #fef2f2;

    /* ── ステータス色（物件・問い合わせ等） ── */
    --easys2-alert: #dc2626;
    --easys2-success: #059669;
    --easys2-success-bg: #ecfdf5;
    --easys2-sale: #0073aa;
    --easys2-rent: #059669;
    --easys2-contact: #d97706;
    --easys2-contact-bg: #fff7ed;
    --easys2-draft: #64748b;
    --easys2-archived: #7c6ba8;

    /* ── 角丸・サイズ・余白（非色トークン） ── */
    --easys2-radius: 8px;
    --easys2-radius-sm: 6px;
    --easys2-radius-lg: 10px;
    --easys2-input-h: 38px;
    --easys2-btn-pad-y: 8px;
    --easys2-btn-pad-x: 18px;

    /* ── シャドウ ── */
    --easys2-shadow-btn: 0 1px 2px rgba(15, 23, 42, 0.08);
    --easys2-shadow-focus: 0 0 0 3px var(--easys2-primary-focus);
}