/*
Theme Name: canmake
Version: 1.0.4
*/

/* =================================================================
   CANMAKE カスタムカラーパレット - 確実な色適用版
   ================================================================= */

/* CSS変数の定義（フォールバック用） */
:root {
    --wp--preset--color--canmake-text-black: #444444;
    --wp--preset--color--white: #FFFFFF;
    --wp--preset--color--canmake-pink: #E4007F;
    --wp--preset--color--canmake-marker-pink: #FFD6E7;
    --wp--preset--color--canmake-text-blue: #00B6E4;
    --wp--preset--color--canmake-marker-blue: #D6EAFF;
    --wp--preset--color--canmake-text-yellow: #E4B600;
    --wp--preset--color--canmake-marker-yellow: #FFFCD6;
    --wp--preset--color--canmake-text-green: #00A651;
    --wp--preset--color--canmake-marker-green: #E6FFEE;
}

/* テキスト色クラス（エディター＆フロントエンド） */
.has-canmake-text-black-color { color: #444444 !important; }
.has-white-color { color: #FFFFFF !important; }
.has-canmake-pink-color { color: #E4007F !important; }
.has-canmake-marker-pink-color { color: #FFD6E7 !important; }
.has-canmake-text-blue-color { color: #00B6E4 !important; }
.has-canmake-marker-blue-color { color: #D6EAFF !important; }
.has-canmake-text-yellow-color { color: #E4B600 !important; }
.has-canmake-marker-yellow-color { color: #FFFCD6 !important; }
.has-canmake-text-green-color { color: #00A651 !important; }
.has-canmake-marker-green-color { color: #E6FFEE !important; }

/* 背景色クラス（エディター＆フロントエンド） */
.has-canmake-text-black-background-color { background-color: #444444 !important; }
.has-white-background-color { background-color: #FFFFFF !important; }
.has-canmake-pink-background-color { background-color: #E4007F !important; }
.has-canmake-marker-pink-background-color { background-color: #FFD6E7 !important; }
.has-canmake-text-blue-background-color { background-color: #00B6E4 !important; }
.has-canmake-marker-blue-background-color { background-color: #D6EAFF !important; }
.has-canmake-text-yellow-background-color { background-color: #E4B600 !important; }
.has-canmake-marker-yellow-background-color { background-color: #FFFCD6 !important; }
.has-canmake-text-green-background-color { background-color: #00A651 !important; }
.has-canmake-marker-green-background-color { background-color: #E6FFEE !important; }

/* エディター専用スタイル */
.wp-block[data-type] mark {
    padding: 2px 4px;
    border-radius: 3px;
}

/* エディター内でのマーカー（ハイライト）スタイル */
.editor-styles-wrapper mark.has-canmake-marker-pink-background-color,
.has-canmake-marker-pink-background-color mark {
    background-color: #FFD6E7 !important;
    color: #E4007F !important;
}

.editor-styles-wrapper mark.has-canmake-marker-blue-background-color,
.has-canmake-marker-blue-background-color mark {
    background-color: #D6EAFF !important;
    color: #00B6E4 !important;
}

.editor-styles-wrapper mark.has-canmake-marker-yellow-background-color,
.has-canmake-marker-yellow-background-color mark {
    background-color: #FFFCD6 !important;
    color: #E4B600 !important;
}

.editor-styles-wrapper mark.has-canmake-marker-green-background-color,
.has-canmake-marker-green-background-color mark {
    background-color: #E6FFEE !important;
    color: #00A651 !important;
}

/* グラデーション背景 */
.has-canmake-pink-gradient-background {
    background: linear-gradient(135deg, #E4007F 0%, #FFD6E7 100%) !important;
}
.has-canmake-blue-gradient-background {
    background: linear-gradient(135deg, #00B6E4 0%, #D6EAFF 100%) !important;
}