/* Design System Variables - Wild Child / Gongbi Theme */
:root {
    /* Colors - Gongbi / Fine Brushwork Theme */
    /* Primary: Muted Bamboo Green */
    --primary-500: #5D7A73;
    --primary-600: #4A635D;
    --primary-700: #384D48;
    --primary-gradient: linear-gradient(135deg, #5D7A73 0%, #384D48 100%);

    /* Secondary: Pale Earth / Clay */
    --secondary-500: #C8B6A6;
    --secondary-600: #A69586;

    /* Accent: Cinnabar / Seal Red (Muted) */
    --accent-500: #C75F5B;
    --accent-600: #A84A46;

    /* Neutrals - Rice Paper Tones */
    --gray-50: #FCFBF9;
    --gray-100: #F7F5F0; /* Main Background */
    --gray-200: #EBE6DE;
    --gray-300: #D6CEC3;
    --gray-400: #9E948B;
    --gray-600: #6B635B;
    --gray-800: #423D38;
    --gray-900: #2C3E50; /* Ink Black */

    /* Glass Effect - Rice Paper Texture feel */
    --glass-bg: rgba(252, 251, 249, 0.85);
    --glass-border: rgba(93, 122, 115, 0.2);
    --glass-shadow: 0 4px 20px rgba(44, 62, 80, 0.05);

    /* Typography */
    --font-sans: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-serif: 'Noto Serif TC', 'Songti TC', serif; /* New Serif Font */
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 2.25rem;

    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;

    /* Border Radius - Slightly softer/organic */
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-full: 9999px;

    /* Shadows - Soft ink wash style */
    --shadow-sm: 0 1px 2px rgba(44, 62, 80, 0.05);
    --shadow-md: 0 4px 6px rgba(44, 62, 80, 0.05);
    --shadow-lg: 0 10px 15px rgba(44, 62, 80, 0.05);
    --shadow-xl: 0 20px 25px rgba(44, 62, 80, 0.05);
    --shadow-glow: 0 0 15px rgba(93, 122, 115, 0.2);

    /* Transitions */
    --transition-fast: 150ms ease-out;
    --transition-base: 300ms ease-out;
    --transition-slow: 500ms ease-out;

    /* Layout */
    --container-max-width: 1000px; /* More compact for reading */
    --content-max-width: 700px;
}