/*
 * cosmosea is now token-driven via the shared base (index.css) — same
 * mechanism as clarity-poc/astro-cosmic. The block below layers cosmosea's
 * own original identity (indigo primary, "Inder" heading font, 0.625rem
 * corner radius) as the fallback that's visible whenever a tenant hasn't
 * picked an explicit preset yet, since src/app/layout.tsx falls back to
 * data-primary-color="green" / data-font-heading="poppins" when
 * tenant.theme.style is unset — without this block, every live cosmosea
 * tenant without a saved theme.style would silently flip to those shared
 * defaults instead of keeping cosmosea's current look.
 *
 * This works because attribute-selector rules in index.css
 * (:root[data-primary-color="green"] etc.) are more specific than the plain
 * `:root` rule below, so they still win whenever a tenant explicitly picks
 * one of the 8 presets — only the *unmatched* fallback state (no
 * attribute-selector rule applies) falls through to cosmosea's own values.
 */
@import url("https://fonts.googleapis.com/css2?family=Inder&display=swap");
@import url("./index.css");

:root {
    --primary-h: 276.966;
    --primary-c: 0.262;
    --primary-l: 0.511;
    --primary-foreground: oklch(0.985 0 0);

    /* purple-tinted accent-foreground used by HeroSection's title gradient
   * (from-accent-foreground to-primary) — index.css's own accent-foreground
   * is plain neutral, so this is kept explicit rather than imported. */
    --accent-foreground: oklch(26.334% 0.12445 305.669);

    --font-heading: "Inder", sans-serif;
    --radius: 0.625rem;
}

:root.dark {
    /* same hue as light mode, brightened so the fallback indigo (and its
   * accent-foreground) stay legible on the shared dark background. */
    --primary-c: 0.2;
    --primary-l: 0.68;
    --primary-foreground: oklch(0.145 0 0);
    --accent-foreground: oklch(0.85 0.1 305.669);
}