/**
 * SnowLetter: Design Variables [V3.1.2]
 * --------------------------------------------- 
 * 【役割】
 * 1. SnowLetterブランドの「色」の定義を1箇所に集約。
 * 2. 外部CSS (style.css) および WordPress管理画面のガイド両方で使用。
 *
 * 【運用ルール】
 * 1. 配置場所: /themes/snowletter/sl-variables.css
 * 2. 変更時の影響: このファイルを編集すると、全サイトおよび管理画面ガイドの色が即座に変わる。
 * 3. 記述制限: ここには CSS変数 (:root) 以外のスタイル（余白やレイアウト）を記述しないこと。
 * --------------------------------------------- 
 * 【上記コメント削除不可】
 * ---------------------------------------------
 */

:root {
    /* 機能色（ブランドカラー） */
    --sl-main-color: #7fb8d8;
	--sl-main-color-rgb: 183, 212, 232;
    --sl-main-color-hover: #6ea7c7;
    --sl-accent-color: #f2a7a7;    
    --sl-link-color: #6ea7c7;
    
    /* ベースカラー（背景・文字） */
    --sl-bg-color: #fdfdfd;
    --sl-text-color: #4a4a4a;
    --sl-border-color: #e0e0e0;

    /* 意味色（システム通知・状態用） */
    --sl-color-success: #8bc3a3;
    --sl-color-error:   #e5989b;
    --sl-color-info:    #a2d2ff;
    --sl-color-warning: #ffcdb2;
}