/*
 * Cold UI Components Tokens
 * Theme: Cold Monochrome Edge for SaaS Applications
 * Perfect for: API businesses, dashboards, analytics platforms
 */

/* Cold theme variables - Applied when [data-theme-variant="cold"] */
[data-theme-variant="cold"] {
    /* === Generic Tokens (Unchanged) === */
    --font-family-sans:
        "Pretendard", "Noto Sans KR", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-mono:
        "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    --font-size-h1: 24px;
    --font-weight-h1: 600;
    --font-size-body: 15px;
    --font-weight-body: 400;
    --font-size-caption: 12px;
    --border-radius: 6px;
    --transition-speed: 0.15s ease-in-out;

    /* === Cool Gray Color Scale === */
    --cool-100: #f7f8f9;
    --cool-200: #e5e7eb;
    --cool-300: #d1d5db;
    --cool-400: #9ca3af;
    --cool-500: #6b7280;
    --cool-600: #4b5563;
    --cool-700: #374151;
    --cool-800: #1f2937;
    --cool-900: #111827;

    /* === Light Mode (Cool Monochrome) === */
    --theme-bg: #f5f7f9;
    --theme-background: #f5f7f9;
    --theme-text-primary: #18181b;
    --theme-text-secondary: #71717a;
    --theme-text-emphasis: var(--cool-600);
    --theme-accent: #6b7280;
    --theme-accent-contrast: #ffffff;
    --theme-secondary: #9ca3af;
    --theme-secondary-contrast: #ffffff;
    --theme-border: #e4e4e7;
    --theme-surface: #ffffff;
    --theme-highlight: #475569;

    /* Shadow tokens */
    --theme-shadow-color: rgba(24, 24, 27, 0.08);
    --theme-shadow-sm: 0 1px 3px var(--theme-shadow-color);
    --theme-shadow-md: 0 4px 12px var(--theme-shadow-color);
    --theme-shadow-lg: 0 8px 24px var(--theme-shadow-color);
    --theme-shadow-xl: 0 10px 40px var(--theme-shadow-color);

    /* Landscape colored mode - Cold Light */
    --landscape-wave-color: #6b8fa8;
    --landscape-mountain-color: #7a8088;
    --landscape-forest-color: #5d7a68;
    --landscape-desert-color: #a89a82;
}

[data-theme-variant="cold"][data-theme="dark"] {
    /* === Dark Mode (Cool Monochrome) === */
    --theme-bg: #161a1f;
    --theme-background: #161a1f;
    --theme-text-primary: rgba(255, 255, 255, 0.95);
    --theme-text-secondary: #b1b1ba;
    --theme-text-emphasis: var(--cool-400);
    --theme-accent: #9ca3af;
    --theme-accent-contrast: #18181b;
    --theme-secondary: #6b7280;
    --theme-secondary-contrast: #ffffff;
    --theme-border: #3a3a3f;
    --theme-surface: #1e2329;
    --theme-highlight: #64748b;

    /* Shadow tokens (dark mode) */
    --theme-shadow-color: rgba(0, 0, 0, 0.45);
    --theme-shadow-sm: 0 1px 3px var(--theme-shadow-color);
    --theme-shadow-md: 0 4px 12px var(--theme-shadow-color);
    --theme-shadow-lg: 0 8px 24px var(--theme-shadow-color);
    --theme-shadow-xl: 0 10px 40px var(--theme-shadow-color);

    /* Landscape colored mode - Cold Dark */
    --landscape-wave-color: #4a6a7a;
    --landscape-mountain-color: #5a5f68;
    --landscape-forest-color: #3d5a48;
    --landscape-desert-color: #7a6a52;
}