:root {
    /* 🌊 10. 스쿠바 (Scuba) Theme Palette (User Benchmark Image Specified) */
    --color-scuba-teal: #0C4A60;     /* 강렬한 청록색 (Primary Brand Deep Teal) */
    --color-scuba-coral: #EF6C33;    /* 포인트 코랄 오렌지 (Action CTA / Key Highlights) */
    --color-scuba-ice: #ABDFF1;      /* 탁 트인 느낌의 아이스 블루 (Light Accent / Active Badges) */
    --color-scuba-grey: #E1DDDB;     /* 부드러운 그레이 (Base Warm Border & Neutral) */

    /* Core Theme System Tokens */
    --primary-color: var(--color-scuba-teal);    /* #0C4A60 */
    --primary-hover: #073444;                    /* Darker Deep Teal on Hover */
    --primary-light: #e6f4f8;                    /* Ice Blue Soft Tint */
    --logo-teal: var(--color-scuba-teal);
    
    
    --secondary-color: var(--color-scuba-ice);   /* #ABDFF1 */
    --accent-orange: var(--color-scuba-coral);   /* #EF6C33 */
    --accent-coral: var(--color-scuba-coral);    /* #EF6C33 */
    --accent-ice: var(--color-scuba-ice);        /* #ABDFF1 */
    --accent-grey: var(--color-scuba-grey);      /* #E1DDDB */
    
    --success-color: #10b981;
    --warning-color: var(--color-scuba-coral);  /* #EF6C33 */
    --danger-color: #ef4444;
    
    /* Default Light Mode (Refreshing Scuba Light Tone) */
    --bg-base: #f4f7f8;                         /* Soft refreshing light grey-blue */
    --bg-card: #ffffff;
    --bg-nav: #ffffff;
    
    --text-color: #0c2028;                       /* Deep Teal-Black for crisp readability */
    --text-muted: #4a636e;
    --text-on-primary: #ffffff;
    
    --border-color: var(--color-scuba-grey);     /* #E1DDDB */
    --border-hover: #b8b2b0;
    --card-shadow: 0 10px 30px rgba(12, 74, 96, 0.07), 0 2px 8px rgba(0, 0, 0, 0.03);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --font-sans: 'Inter', 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Dark Mode (Deep Ocean Scuba Dark) */
[data-theme="dark"] {
    --bg-base: #061821;
    --bg-card: #0c232e;
    --bg-nav: #0c232e;
    
    --text-color: #e6f4f8;
    --text-muted: #8aa6b3;
    
    --border-color: #183745;
    --border-hover: #275266;
    --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
    
    --primary-light: rgba(12, 74, 96, 0.35);
    --primary-color: #38bdf8;
    --primary-hover: #7dd3fc;
    --logo-teal: #abdff1;
}