/*
Theme Name: Gold LP Theme
Theme URI: https://original-collection.jp/
Author: Hana
Author URI: https://original-collection.jp/
Description: 高級感のあるダーク×ゴールドのLP専用WordPressテーマ。ブロックパターンで簡単にプロ品質のランディングページが作れます。デジタルコンテンツ・FXツール・オンライン講座など幅広いジャンルに対応。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gold-lp-theme
Tags: landing-page, dark, gold, one-column, custom-colors, custom-logo, block-patterns
*/

/* === カラー変数 === */
:root {
    --gold-primary:   #c9a84c;
    --gold-light:     #e8c96a;
    --gold-dark:      #9a7a2e;
    --gold-gradient:  linear-gradient(135deg, #c9a84c 0%, #e8c96a 50%, #c9a84c 100%);
    --dark-bg:        #0a0a0f;
    --dark-surface:   #12121a;
    --dark-card:      #1a1a26;
    --dark-border:    #2a2a3a;
    --text-primary:   #f0ece0;
    --text-secondary: #b8b0a0;
    --text-muted:     #6a6460;
    --white:          #ffffff;
    --danger:         #e05a5a;
    --success:        #4a9a6a;
}

/* === リセット・ベース === */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    background-color: var(--dark-bg);
    color: var(--text-primary);
    font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--gold-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--gold-light);
}

/* === タイポグラフィ === */
h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.4;
    color: var(--text-primary);
}

p {
    color: var(--text-secondary);
    line-height: 1.9;
}

/* === ウィジェットエリア非表示 === */
.widget-area,
.site-header nav,
.site-footer .widget-area {
    display: none;
}

/* === WordPressコアブロック上書き === */
.wp-block-group {
    width: 100%;
}

.wp-block-columns {
    gap: 2rem;
}

/* === エディタ幅 === */
.editor-styles-wrapper {
    background-color: var(--dark-bg) !important;
    color: var(--text-primary) !important;
}