:root {
    --brand-red: #dc5525;
    --brand-dark: #b8431a;
    --deep-space: #1a100c;
    --deep-blue: #2d1812;
    --dark-blue: #1a100c;
    --mid-blue: #3d2418;
    --primary-blue: #dc5525;
    --light-blue: #f0895c;
    --cyan: #f0895c;
    --cyan-dim: rgba(220, 85, 37, 0.12);
    --gray-bg: #FAF7F5;
    --border-gray: #EDE4DE;
    --footer-bg: #140c0a;
    --header-bg: #FFFFFF;
    --header-border: rgba(220, 85, 37, 0.22);
    --gradient-blue: linear-gradient(90deg, #dc5525, #f0895c);
    --gradient-brand: linear-gradient(90deg, #dc5525, #f0895c);
    --gradient-brand-diagonal: linear-gradient(140deg, #dc5525, #f0895c);
    --gradient-hero: #FFE8DC;
    --gradient-page-hero: #FFE4D6;
    --hero-bg: #FFE8DC;
    --page-hero-bg: #FFE4D6;
    --hero-top-scrim: #FFFFFF;
    --glass-bg: rgba(26, 16, 12, 0.45);
    --white: #FFFFFF;
    --gray-100: #FAF7F5;
    --gray-200: #EDE4DE;
    --gray-400: #94A3B8;
    --text-primary: #222222;
    --text-light: #666666;
    --text-muted: #666666;
    --footer-link: #c9a898;
    --hero-subtitle: #666666;
    --shadow-glow: 0 8px 24px rgba(220, 85, 37, 0.2);
    --shadow-card: 0 4px 12px rgba(220, 85, 37, 0.08);
    --shadow-card-blue: 0 4px 12px rgba(220, 85, 37, 0.08);
    --shadow-card-hover: 0 8px 24px rgba(220, 85, 37, 0.15);
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius: 8px;
    --radius-lg: 8px;
    --header-height: 76px;
    --hero-carousel-min: 520px;
    --hero-carousel-max: 720px;
    --hero-carousel-height: clamp(var(--hero-carousel-min), 72vh, var(--hero-carousel-max));
    --font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
    --transition: 0.3s ease;
}