/* ============================================================
   BASE.CSS — FOUNDATION (DO NOT PUT DESIGN HERE)
   ============================================================ */

/* 1. ROOT VARIABLES (COLORS + GLOBAL SETTINGS) */
:root {
    --section-gap: clamp(40px, 10vw, 80px);
--card-shadow: 0 10px 30px rgba(0,0,0,0.03);
    --bg: #f9f9f9;
    --text: #334155;
    --dark: #1e293b;
    --primary: #2e7d32;
    --accent: #b8860b;
    --muted: #64748b;

    --hk-green-grad: linear-gradient(135deg, #2e7d32 0%, #81c784 100%);

    --gutter: clamp(16px, 4vw, 24px);
    --radius: 16px;
    --hk-bar-bg: rgba(0, 0, 0, 0.05);
}

/* 2. GLOBAL RESET */
* html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
}

/* 3. BASIC ELEMENT BEHAVIOR */
a {
    text-decoration: none;
    color: var(--primary);
}

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