/* 
MagStone Law - Core CSS 
*/

/* 1. CSS Variables & Typography */
:root {
    --bg-body: #F9F7F2;
    --text-primary: #1C1C1E;
    --text-secondary: #4A4A4F;
    --text-tertiary: #8E8E93;
    --accent: #9A7B4F;
    --border-light: rgba(154, 123, 79, 0.15);
    
    --font-heading: 'Cormorant Garamond', 'Noto Serif SC', serif;
    --font-heading-cn: 'Noto Serif SC', serif;
    --font-body: 'Inter', 'Noto Sans SC', sans-serif;
}

/* 2. Ghost Required Styles (.kg- classes) */
.kg-width-wide { grid-column: wide-start / wide-end; }
.kg-width-full { grid-column: full-start / full-end; }
.kg-width-full img { width: 100%; }

.kg-image-card figcaption { text-align: center; font-size: 0.8em; color: var(--text-tertiary); margin-top: 0.5em; }

/* 3. Global Reset */
body {
    background-color: var(--bg-body);
    color: var(--text-primary);
    font-family: var(--font-body);
    margin: 0; padding: 0;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
    color: var(--text-primary);
    line-height: 1.2;
    margin-top: 1.5em; margin-bottom: 0.5em;
}

/* 4. Layout Helpers */
.container { max-width: 1200px; margin: 0 auto; padding: 0 4vw; }