/*
 * Remotio design tokens — canonical source of truth.
 *
 * Consumed by:
 *   - Remotio.Web  (copied to public/tokens.css at build time, loaded via <link> in index.html)
 *   - Remotio.Identity (copied to wwwroot/tokens.css at build time, loaded via <link> in App.razor)
 *
 * Keep this file the ONLY source for OKLCH tokens. Both surfaces copy it as part of
 * their build pipeline. Per-tenant overrides (white-label) will eventually override
 * :root / .dark variables at runtime from a bucket.
 *
 * Note on scope: this file contains COLOR and RADIUS tokens only. Typography
 * (--font-sans) lives in shared/styles/theme.css because Tailwind re-emits it
 * on :root, which would overwrite any runtime swap here. If per-tenant fonts
 * are needed, ship a separate bundle instead of extending this file.
 */

:root {
    --background: oklch(0.993 0 0);
    --foreground: oklch(0.145 0 0);
    --card: oklch(1 0 0);
    --card-foreground: oklch(0.145 0 0);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(0.145 0 0);
    --primary: oklch(0.205 0 0);
    --primary-foreground: oklch(0.985 0 0);
    --secondary: oklch(0.96 0 0);
    --secondary-foreground: oklch(0.205 0 0);
    --muted: oklch(0.96 0 0);
    --muted-foreground: oklch(0.40 0 0);
    --accent: oklch(0.935 0 0);
    --accent-foreground: oklch(0.205 0 0);
    --destructive: oklch(0.58 0.22 27);
    --border: oklch(0.87 0 0);
    --input: oklch(0.87 0 0);
    --ring: oklch(0.708 0 0);
    --chart-1: oklch(0.809 0.105 251.813);
    --chart-2: oklch(0.623 0.214 259.815);
    --chart-3: oklch(0.546 0.245 262.881);
    --chart-4: oklch(0.488 0.243 264.376);
    --chart-5: oklch(0.424 0.199 265.638);
    --success: oklch(0.527 0.154 150.069);
    --danger: oklch(0.577 0.245 27.325);
    --info: oklch(0.623 0.214 259.815);
    --radius: 0.625rem;
    --sidebar: oklch(0.993 0 0);
    --sidebar-foreground: oklch(0.145 0 0);
    --sidebar-primary: oklch(0.205 0 0);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.935 0 0);
    --sidebar-accent-foreground: oklch(0.205 0 0);
    --sidebar-border: oklch(0.87 0 0);
    --sidebar-ring: oklch(0.708 0 0);
}

.dark {
    --background: oklch(0.145 0 0);
    --foreground: oklch(0.985 0 0);
    --card: oklch(0.205 0 0);
    --card-foreground: oklch(0.985 0 0);
    --popover: oklch(0.205 0 0);
    --popover-foreground: oklch(0.985 0 0);
    --primary: oklch(0.87 0.00 0);
    --primary-foreground: oklch(0.205 0 0);
    --secondary: oklch(0.269 0 0);
    --secondary-foreground: oklch(0.985 0 0);
    --muted: oklch(0.269 0 0);
    --muted-foreground: oklch(0.708 0 0);
    --accent: oklch(0.371 0 0);
    --accent-foreground: oklch(0.985 0 0);
    --destructive: oklch(0.704 0.191 22.216);
    --border: oklch(1 0 0 / 10%);
    --input: oklch(1 0 0 / 15%);
    --ring: oklch(0.556 0 0);
    --chart-1: oklch(0.809 0.105 251.813);
    --chart-2: oklch(0.623 0.214 259.815);
    --chart-3: oklch(0.546 0.245 262.881);
    --chart-4: oklch(0.488 0.243 264.376);
    --chart-5: oklch(0.424 0.199 265.638);
    --success: oklch(0.627 0.194 149.214);
    --danger: oklch(0.704 0.191 22.216);
    --info: oklch(0.623 0.214 259.815);
    --sidebar: oklch(0.205 0 0);
    --sidebar-foreground: oklch(0.985 0 0);
    --sidebar-primary: oklch(0.488 0.243 264.376);
    --sidebar-primary-foreground: oklch(0.985 0 0);
    --sidebar-accent: oklch(0.269 0 0);
    --sidebar-accent-foreground: oklch(0.985 0 0);
    --sidebar-border: oklch(1 0 0 / 10%);
    --sidebar-ring: oklch(0.556 0 0);
}