@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;700&family=Manrope:wght@400;600;700&display=swap');

:root {
    --brand:        #FF7200;
    --brand-light:  rgba(255,114,0,0.12);
    --bg:           #FFFFFF;
    --surface:      #F8F8F8;
    --text:         #111111;
    --text-muted:   #666666;
    --text-subtle:  #999999;
    --border:       #E5E5E5;
    --radius-sm:    4px;
    --radius-md:    12px;
    --radius-lg:    20px;
    --font-heading: 'Sora', system-ui, sans-serif;
    --font-body:    'Manrope', system-ui, sans-serif;
    --max-width:    1200px;
    --section-pad:  80px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

body.w3-blog {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--bg);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}