/**
 * ウニログの見た目のトークン（色・角丸・余白・影・文字サイズ）。
 *
 * **ここが唯一の定義元。** マイページ・LP・管理画面（Internal / ASPM）が
 * すべてこのファイルを読む。値を変えるときはここだけを直すこと。
 *
 * 以前は各テンプレートの <style> に同じ定義を写していたため、
 * マイページとLPで角丸が食い違い（12px / 16px）、ASPM の一部では
 * ブランド色が別の値（#206bc4）になっていた。同じものを2箇所に書かない。
 */

:root {
    /* 色: ブランド（濃紺。面と文字の主役） */
    --uni-brand: #1e3a5f;
    --uni-brand-dark: #16293f;
    --uni-brand-pale: #dbe4ee;
    --uni-brand-bg: #f1f5f9;

    /* 色: アクセント（青緑。差し色として最小限に使う）
       --uni-accent は白背景で 3.59:1。文字色には使わないこと（AA未達）。
       アイコンや区切り線など非文字要素に限る。
       文字に使うなら --uni-accent-dark（4.69:1）を使う */
    --uni-accent: #2d9596;
    --uni-accent-dark: #248080;

    /* 色: 砂浜（図版のみ。UI には使わない） */
    --uni-sand: #e8c690;

    /* 色: テキスト */
    --uni-text: #0f172a;
    --uni-text-sub: #5b6b80;
    --uni-text-weak: #94a3b8;

    /* 色: 面 */
    --uni-surface: #fff;
    --uni-bg: #f8fafc;
    --uni-bg-sub: #f8fafc;
    --uni-border: #e2e8f0;

    /* 色: 状態 */
    --uni-danger: #dc2626;
    --uni-danger-dark: #b91c1c;
    --uni-success: #16a34a;
    --uni-warning: #d97706;

    /* 角丸。カードは 12px（管理画面の情報密度に合わせる）。
       LP だけは大きめに見せたいので --uni-radius-card-lg を使う */
    --uni-radius-card: 12px;
    --uni-radius-card-lg: 16px;
    --uni-radius-btn: 8px;
    --uni-radius-chip: 999px;

    /* 余白（8の倍数のみ） */
    --uni-space-1: 8px;
    --uni-space-2: 16px;
    --uni-space-3: 24px;
    --uni-space-4: 32px;

    /* 影（2段階まで。多用しない） */
    --uni-shadow: 0 1px 3px rgba(15, 23, 42, .08);
    --uni-shadow-lg: 0 1px 3px rgba(15, 23, 42, .08), 0 8px 24px rgba(15, 23, 42, .06);

    /* タップ領域の最小サイズ */
    --uni-tap: 44px;

    /* 文字サイズ（下限13px） */
    --uni-font-xs: 13px;
    --uni-font-sm: 14px;
    --uni-font-md: 16px;
    --uni-font-lg: 20px;
    --uni-font-xl: 24px;

    /* 書体。日本語を含むので Noto Sans JP まで並べる */
    --uni-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
        'Helvetica Neue', 'Hiragino Sans', 'Noto Sans JP', Arial, sans-serif;
}