:root {
    /* 銝餉隤?*/
    --primary-color: #B89B5E;
    --primary-dark: #A48A54;
    --primary-light: #D2B77D;
    --primary-strong: #BE9F34;
    --primary-deep: #835E25;
    --primary-contrast: #FFFFFF;
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    
    /* ??憿 */
    --text-dark: #181D27;
    --text-light: #414651;
    --text-muted: #535862;
    --text-subtle: #717680;
    
    /* ??憿 */
    --border-color: #D5D7DA;
    --border-light: #E9EAEB;
    
    /* ?憿 */
    --background-light: #F9FAFB;
    --background-soft: #F5F5F5;
    --surface: #FFFFFF;
    
    /* ?啣蔣 */
    --shadow-light: 0px 1px 2px 0px rgba(10, 13, 18, 0.05);
    --shadow-inset: inset 0px -2px 0px 0px rgba(10, 13, 18, 0.05), inset 0px 0px 0px 1px rgba(10, 13, 18, 0.18);
    --shadow-md: 0px 8px 16px -8px rgba(10, 13, 18, 0.18);
    --shadow-lg: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);
    
    /* ?澆捆?批??*/
    --color-primary: var(--primary-color);
    --color-primary-dark: var(--primary-dark);
    --color-border: var(--border-color);

    /* Typography */
    --font-sans: 'Inter', sans-serif;
    --font-serif: 'Noto Serif TC', serif;
    --font-display: 'Tenor Sans', sans-serif;
    --text-base: 16px;
    --text-sm: 14px;
    --text-xs: 12px;
    --line-height-base: 1.5;
    --line-height-tight: 1.25;

    /* Radii */
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;
    --radius-round: 50%;

    /* Buttons */
    --btn-height: 40px;
    --btn-height-sm: 32px;
    --btn-height-lg: 48px;
    --btn-padding-x: 16px;
    --btn-padding-x-sm: 12px;
    --btn-padding-x-lg: 20px;

    /* Focus */
    --focus-ring-color: rgba(184, 155, 94, 0.25);
    --focus-ring: 0 0 0 3px var(--focus-ring-color);

    /* Modal */
    --modal-bg-color: rgba(24, 29, 39, 0.6);
    --modal-content-bg: var(--surface);
    --modal-border-color: var(--border-light);
    --modal-text-color: var(--text-dark);
    --modal-text-muted: var(--text-muted);
    --modal-text-light: var(--text-subtle);
    --modal-icon-color: #079455;
    --modal-icon-bg: #DCFAE6;
    --modal-icon-border: #ECFDF3;
    --modal-button-color: #A4A7AE;
    --modal-shadow: 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04),
                    0px 8px 8px -4px rgba(10, 13, 18, 0.03),
                    0px 20px 24px -4px rgba(10, 13, 18, 0.08);

    /* Rating */
    --star-filled: #FDB022;
    --star-accent: #FCD34D;
    --star-muted: #D1D5DB;

    /* Spacing */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;

    /* Semantic Colors */
    --color-success: #079455;
    --color-success-bg: #DCFAE6;
    --color-danger: #DC2626;
    --color-danger-bg: #FEE2E2;
    --color-warning: #D97706;
    --color-warning-bg: #FEF3C7;
    --color-info: #2563EB;
    --color-info-bg: #DBEAFE;
}
