/*
 * Sugarcoat public OKLCH theme.
 * Restores the founder-approved dark indigo marketing skin that previously
 * lived only in production/feature overlays. This file is loaded by the
 * public website base template only; application/CRM styling is untouched.
 */

:root {
    --background: oklch(0.9851 0 0);
    --foreground: oklch(0 0 0);
    --card: oklch(1.00 0 267.51);
    --card-foreground: oklch(0.2103 0 267.51);
    --popover: oklch(1.00 0 0);
    --popover-foreground: oklch(0 0 0);
    --primary: oklch(0.5144 0.1605 267.44);
    --primary-foreground: oklch(0.97 0.014 254.604);
    --secondary: oklch(0.94 0 0);
    --secondary-foreground: oklch(0.25 0 0);
    --muted: oklch(0.97 0 0);
    --muted-foreground: oklch(0.44 0 0);
    --accent: #ea1a1a;
    --accent-foreground: #384252;
    --destructive: oklch(0.58 0.22 27);
    --destructive-foreground: oklch(0.97 0.014 254.604);
    --border: oklch(0.92 0 0);
    --input: oklch(0.94 0 0);
    --ring: oklch(0.5144 0.1605 267.44);
    --chart-1: oklch(0.9214 0.0248 257.65);
    --chart-2: oklch(0.7597 0.0804 267.01);
    --chart-3: oklch(0.6083 0.1247 272.72);
    --chart-4: oklch(0.5144 0.1605 267.44);
    --chart-5: oklch(0.2571 0.1161 272.24);
    --radius: 0.5rem;
    --sidebar: oklch(1.00 0 267.51);
    --sidebar-foreground: oklch(0 0 0);
    --sidebar-primary: oklch(0.5144 0.1605 267.44);
    --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
    --sidebar-accent: oklch(0.9214 0.0248 257.65);
    --sidebar-accent-foreground: oklch(0.2571 0.1161 272.24);
    --sidebar-border: oklch(0.92 0 0);
    --sidebar-ring: oklch(0.5144 0.1605 267.44);
    --font-sans: Geist, sans-serif;
    --font-serif: Noto Serif Georgian, ui-serif, serif;
    --font-mono: Geist Mono, monospace;
    --shadow-color: oklch(0.2571 0.1161 272.24);
    --shadow-opacity: 0.15;
    --shadow-blur: 3px;
    --shadow-spread: 0px;
    --shadow-offset-x: 0.25px;
    --shadow-offset-y: 1px;
    --letter-spacing: 0em;
    --spacing: 0.25rem;
}

.dark {
    --background: oklch(0 0 0);
    --foreground: oklch(1.00 0 0);
    --card: oklch(0.2103 0 267.51);
    --card-foreground: oklch(0.9461 0 0);
    --popover: oklch(0.2103 0 267.51);
    --popover-foreground: oklch(1.00 0 0);
    --primary: oklch(0.5144 0.1605 267.44);
    --primary-foreground: oklch(0.97 0.014 254.604);
    --secondary: oklch(0.25 0 0);
    --secondary-foreground: oklch(0.94 0 0);
    --muted: oklch(0.23 0 0);
    --muted-foreground: oklch(0.72 0 0);
    --accent: oklch(0.32 0 0);
    --accent-foreground: oklch(0.9214 0.0248 257.65);
    --destructive: oklch(0.704 0.191 22.216);
    --destructive-foreground: oklch(0.97 0.014 254.604);
    --border: oklch(0.26 0 0);
    --input: oklch(0.32 0 0);
    --ring: oklch(0.5144 0.1605 267.44);
    --chart-1: oklch(0.9214 0.0248 257.65);
    --chart-2: oklch(0.7597 0.0804 267.01);
    --chart-3: oklch(0.6083 0.1247 272.72);
    --chart-4: oklch(0.5144 0.1605 267.44);
    --chart-5: oklch(0.2571 0.1161 272.24);
    --radius: 0.5rem;
    --sidebar: oklch(0.2103 0 267.51);
    --sidebar-foreground: oklch(1.00 0 0);
    --sidebar-primary: oklch(0.5144 0.1605 267.44);
    --sidebar-primary-foreground: oklch(0.97 0.014 254.604);
    --sidebar-accent: oklch(0.32 0 0);
    --sidebar-accent-foreground: oklch(0.9214 0.0248 257.65);
    --sidebar-border: oklch(0.26 0 0);
    --sidebar-ring: oklch(0.5144 0.1605 267.44);
    --font-sans: Geist, sans-serif;
    --font-serif: Noto Serif Georgian, ui-serif, serif;
    --font-mono: Geist Mono, monospace;
    --shadow-color: oklch(0.2571 0.1161 272.24);
    --shadow-opacity: 0.15;
    --shadow-blur: 3px;
    --shadow-spread: 0px;
    --shadow-offset-x: 0.25px;
    --shadow-offset-y: 1px;
    --letter-spacing: 0em;
    --spacing: 0.25rem;
}

:root {
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-card: var(--card);
    --color-card-foreground: var(--card-foreground);
    --color-popover: var(--popover);
    --color-popover-foreground: var(--popover-foreground);
    --color-primary: var(--primary);
    --color-primary-foreground: var(--primary-foreground);
    --color-secondary: var(--secondary);
    --color-secondary-foreground: var(--secondary-foreground);
    --color-muted: var(--muted);
    --color-muted-foreground: var(--muted-foreground);
    --color-accent: var(--accent);
    --color-accent-foreground: var(--accent-foreground);
    --color-destructive: var(--destructive);
    --color-destructive-foreground: var(--destructive-foreground);
    --color-border: var(--border);
    --color-input: var(--input);
    --color-ring: var(--ring);
    --color-chart-1: var(--chart-1);
    --color-chart-2: var(--chart-2);
    --color-chart-3: var(--chart-3);
    --color-chart-4: var(--chart-4);
    --color-chart-5: var(--chart-5);
    --color-radius: var(--radius);
    --color-sidebar: var(--sidebar);
    --color-sidebar-foreground: var(--sidebar-foreground);
    --color-sidebar-primary: var(--sidebar-primary);
    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
    --color-sidebar-accent: var(--sidebar-accent);
    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
    --color-sidebar-border: var(--sidebar-border);
    --color-sidebar-ring: var(--sidebar-ring);
    --color-font-sans: var(--font-sans);
    --color-font-serif: var(--font-serif);
    --color-font-mono: var(--font-mono);
    --color-shadow-color: var(--shadow-color);
    --color-shadow-opacity: var(--shadow-opacity);
    --color-shadow-blur: var(--shadow-blur);
    --color-shadow-spread: var(--shadow-spread);
    --color-shadow-offset-x: var(--shadow-offset-x);
    --color-shadow-offset-y: var(--shadow-offset-y);
    --color-letter-spacing: var(--letter-spacing);
    --color-spacing: var(--spacing);

    /*
     * Public-site brand aliases. The founder theme's --accent token remains
     * untouched; legacy marketing components use these brand-specific names.
     */
    --brand-primary: var(--primary);
    --brand-primary-hover: oklch(0.6000 0.1605 267.44);
    --bg-primary: var(--background);
    --bg-secondary: var(--card);
    --bg-tertiary: var(--muted);
    --surface: var(--card);
    --surface-hover: var(--input);
    --text-primary: var(--foreground);
    --text-secondary: var(--muted-foreground);
    --text-muted: var(--muted-foreground);
    --border-light: var(--input);
    --light-bg: oklch(0.9851 0 0);
    --light-text: oklch(0 0 0);
    --light-secondary: oklch(0.44 0 0);
    --radius-sm: var(--radius);
    --radius-md: var(--radius);
    --radius-lg: calc(var(--radius) * 2);
    --radius-xl: calc(var(--radius) * 3);
    --space-xs: calc(var(--spacing) * 2);
    --space-sm: calc(var(--spacing) * 4);
    --space-md: calc(var(--spacing) * 6);
    --space-lg: calc(var(--spacing) * 12);
    --space-xl: calc(var(--spacing) * 20);
    --space-2xl: calc(var(--spacing) * 30);
    --font-main: var(--font-sans);
}

html.dark {
    color-scheme: dark;
}

html.dark body {
    background:
        radial-gradient(ellipse at 75% 15%, oklch(0.5144 0.1605 267.44 / 0.08), transparent 38%),
        var(--background);
}

html.dark ::selection {
    background: var(--primary);
    color: var(--primary-foreground);
}

html.dark .button--primary {
    background: var(--primary);
    color: var(--primary-foreground);
}

html.dark .button--primary:hover {
    background: var(--brand-primary-hover);
}

html[data-sugarcoat-theme="indigo"].dark {
    --theme-indigo-glow: oklch(0.5144 0.1605 267.44 / 0.24);
    --theme-indigo-soft: oklch(0.6083 0.1247 272.72 / 0.18);
    --theme-panel: oklch(0.2103 0 267.51);
    --theme-panel-raised: oklch(0.252 0.022 270);
    --theme-deep: oklch(0.115 0.017 273);
}

html[data-sugarcoat-theme="indigo"].dark .navbar {
    border-bottom-color: oklch(0.5144 0.1605 267.44 / 0.24);
    background: oklch(0.115 0.017 273 / 0.94);
}

html[data-sugarcoat-theme="indigo"].dark .mega-menu {
    background: oklch(0.205 0.014 268 / 0.98);
    border-color: var(--border);
    box-shadow: 0 26px 88px oklch(0.2571 0.1161 272.24 / 0.23);
}

html[data-sugarcoat-theme="indigo"].dark .mega-menu__intro {
    background:
        radial-gradient(circle at 20% 8%, var(--theme-indigo-glow), transparent 65%),
        var(--card);
}

html[data-sugarcoat-theme="indigo"].dark .navbar__links > a:hover,
html[data-sugarcoat-theme="indigo"].dark .nav-menu__trigger:hover,
html[data-sugarcoat-theme="indigo"].dark .mega-menu__primary-link {
    color: var(--chart-2);
}

html[data-sugarcoat-theme="indigo"].dark .hero[data-gravity-stars] {
    background:
        radial-gradient(ellipse at 82% 40%, var(--theme-indigo-glow), transparent 58%),
        radial-gradient(ellipse at 15% 84%, oklch(0.2571 0.1161 272.24 / 0.16), transparent 62%),
        linear-gradient(116deg, oklch(0.106 0.012 268), var(--theme-deep) 55%, oklch(0.14 0.019 273));
}

html[data-sugarcoat-theme="indigo"].dark .hero[data-gravity-stars]::after {
    background:
        linear-gradient(90deg, oklch(0 0 0 / 0.26), transparent 44%, oklch(0 0 0 / 0.06));
}

html[data-sugarcoat-theme="indigo"].dark .hero__accent,
html[data-sugarcoat-theme="indigo"].dark .navbar__logo span,
html[data-sugarcoat-theme="indigo"].dark .footer__logo span {
    color: var(--chart-2);
}

html[data-sugarcoat-theme="indigo"].dark .dashboard,
html[data-sugarcoat-theme="indigo"].dark .product-ui,
html[data-sugarcoat-theme="indigo"].dark .pricing-core-ui,
html[data-sugarcoat-theme="indigo"].dark .product-ai__terminal {
    background: linear-gradient(148deg, var(--theme-panel-raised), var(--theme-panel) 68%, var(--theme-deep));
    border-color: oklch(0.5144 0.1605 267.44 / 0.38);
    box-shadow:
        0 26px 76px oklch(0 0 0 / 0.38),
        0 0 55px oklch(0.5144 0.1605 267.44 / 0.08);
}

html[data-sugarcoat-theme="indigo"].dark .dashboard__panel,
html[data-sugarcoat-theme="indigo"].dark .ai-prompt,
html[data-sugarcoat-theme="indigo"].dark .industry-card,
html[data-sugarcoat-theme="indigo"].dark .pricing-component,
html[data-sugarcoat-theme="indigo"].dark .pricing-config-card,
html[data-sugarcoat-theme="indigo"].dark .pricing-industry-card,
html[data-sugarcoat-theme="indigo"].dark .contact-form-card {
    background: var(--card);
    border-color: var(--border);
}

html[data-sugarcoat-theme="indigo"].dark .dashboard__panel:hover,
html[data-sugarcoat-theme="indigo"].dark .industry-card:hover,
html[data-sugarcoat-theme="indigo"].dark .pricing-config-card:hover {
    border-color: var(--ring);
}

html[data-sugarcoat-theme="indigo"].dark .ai-result,
html[data-sugarcoat-theme="indigo"].dark .terminal-answer,
html[data-sugarcoat-theme="indigo"].dark .connection-os {
    background: oklch(0.5144 0.1605 267.44 / 0.15);
    color: var(--primary-foreground);
}

html[data-sugarcoat-theme="indigo"].dark .ai-section,
html[data-sugarcoat-theme="indigo"].dark .product-ai {
    background:
        radial-gradient(ellipse at 78% 42%, var(--theme-indigo-glow), transparent 48%),
        var(--background);
}

html[data-sugarcoat-theme="indigo"].dark .product-hero,
html[data-sugarcoat-theme="indigo"].dark .pricing-hero,
html[data-sugarcoat-theme="indigo"].dark .contact-hero {
    background:
        radial-gradient(ellipse at 84% 30%, var(--theme-indigo-soft), transparent 50%),
        var(--background);
}

html[data-sugarcoat-theme="indigo"].dark .product-ai__terminal,
html[data-sugarcoat-theme="indigo"].dark .contact-form-card {
    box-shadow: 0 22px 65px oklch(0.2571 0.1161 272.24 / 0.19);
}

html[data-sugarcoat-theme="indigo"].dark .contact-field input,
html[data-sugarcoat-theme="indigo"].dark .contact-field select,
html[data-sugarcoat-theme="indigo"].dark .contact-field textarea {
    background: var(--muted);
    border-color: var(--input);
    color: var(--foreground);
}

html[data-sugarcoat-theme="indigo"].dark .contact-field input:focus,
html[data-sugarcoat-theme="indigo"].dark .contact-field select:focus,
html[data-sugarcoat-theme="indigo"].dark .contact-field textarea:focus {
    border-color: var(--ring);
    box-shadow: 0 0 0 3px var(--theme-indigo-soft);
}

html[data-sugarcoat-theme="indigo"].dark .finance-bars i {
    background: linear-gradient(to top, var(--chart-5), var(--chart-3), var(--chart-2));
}

html[data-sugarcoat-theme="indigo"].dark .footer {
    background: var(--theme-deep);
    border-top-color: var(--border);
}

/* Light marketing sections intentionally stay light. */
html[data-sugarcoat-theme="indigo"].dark .section--light,
html[data-sugarcoat-theme="indigo"].dark .philosophy {
    background: oklch(0.9851 0 0);
    color: oklch(0 0 0);
}

html[data-sugarcoat-theme="indigo"].dark .feature-card,
html[data-sugarcoat-theme="indigo"].dark .philosophy-grid > div {
    background: oklch(1.00 0 267.51);
    border-color: oklch(0.92 0 0);
    color: oklch(0.2103 0 267.51);
}

html[data-sugarcoat-theme="indigo"].dark .feature-card > span,
html[data-sugarcoat-theme="indigo"].dark .philosophy-grid span,
html[data-sugarcoat-theme="indigo"].dark .philosophy > .container > h2 span {
    color: var(--primary);
}

html[data-sugarcoat-theme="indigo"].dark a:focus-visible,
html[data-sugarcoat-theme="indigo"].dark button:focus-visible {
    outline: 2px solid var(--chart-2);
    outline-offset: 4px;
}