/**
 * Cognistase Platform – Shared Design Tokens
 * ============================================
 * This file lives in /public so it is served at a stable URL:
 *   https://<domain>/cognistase-theme.css
 *
 * Other websites / apps in the Cognistase platform can load it via:
 *   <link rel="stylesheet" href="https://app.cognistase.com/assets/css/cognistase-theme.css" />
 *
 * It contains CSS custom properties only — no utility classes or framework
 * specifics — so it works with any stack.
 */

:root {
  /* ── Radii ─────────────────────────────────────────────── */
  --radius: 0.625rem;

  /* ── Brand colours ─────────────────────────────────────── */
  --primary-trust: #1E3A5F;
  --balance-green: #5A8B79;
  --action-terracotta: #D97757;
  --bg-oatmeal: #F7F7F4;

  /* ── Semantic tokens ───────────────────────────────────── */
  --background: #F7F7F4;
  --foreground: #1E3A5F;
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.129 0.042 264.695);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.129 0.042 264.695);
  --primary: #1E3A5F;
  --primary-foreground: #F7F7F4;
  --secondary: oklch(0.968 0.007 247.896);
  --secondary-foreground: oklch(0.208 0.042 265.755);
  --muted: oklch(0.968 0.007 247.896);
  --muted-foreground: oklch(0.554 0.046 257.417);
  --accent: #5A8B79;
  --accent-foreground: #F7F7F4;
  --destructive: #D97757;
  --border: oklch(0.929 0.013 255.508);
  --input: oklch(0.929 0.013 255.508);
  --ring: oklch(0.704 0.04 256.788);

  /* ── Chart palette ─────────────────────────────────────── */
  --chart-1: oklch(0.646 0.222 41.116);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.398 0.07 227.392);
  --chart-4: oklch(0.828 0.189 84.429);
  --chart-5: oklch(0.769 0.188 70.08);

  /* ── Sidebar ───────────────────────────────────────────── */
  --sidebar: oklch(0.984 0.003 247.858);
  --sidebar-foreground: oklch(0.129 0.042 264.695);
  --sidebar-primary: oklch(0.208 0.042 265.755);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.968 0.007 247.896);
  --sidebar-accent-foreground: oklch(0.208 0.042 265.755);
  --sidebar-border: oklch(0.929 0.013 255.508);
  --sidebar-ring: oklch(0.704 0.04 256.788);
}

.dark {
  /* ── Brand colours (dark) ──────────────────────────────── */
  --primary-trust: #A3C1E0;
  --balance-green: #7FB8A4;
  --action-terracotta: #E8A48D;
  --bg-oatmeal: #1A1A1A;

  /* ── Semantic tokens (dark) ────────────────────────────── */
  --background: oklch(0.129 0.042 264.695);
  --foreground: oklch(0.984 0.003 247.858);
  --card: oklch(0.208 0.042 265.755);
  --card-foreground: oklch(0.984 0.003 247.858);
  --popover: oklch(0.208 0.042 265.755);
  --popover-foreground: oklch(0.984 0.003 247.858);
  --primary: oklch(0.929 0.013 255.508);
  --primary-foreground: oklch(0.208 0.042 265.755);
  --secondary: oklch(0.279 0.041 260.031);
  --secondary-foreground: oklch(0.984 0.003 247.858);
  --muted: oklch(0.279 0.041 260.031);
  --muted-foreground: oklch(0.704 0.04 256.788);
  --accent: oklch(0.279 0.041 260.031);
  --accent-foreground: oklch(0.984 0.003 247.858);
  --destructive: oklch(0.704 0.191 22.216);
  --border: oklch(1 0 0 / 10%);
  --input: oklch(1 0 0 / 15%);
  --ring: oklch(0.551 0.027 264.364);

  /* ── Chart palette (dark) ──────────────────────────────── */
  --chart-1: oklch(0.488 0.243 264.376);
  --chart-2: oklch(0.696 0.17 162.48);
  --chart-3: oklch(0.769 0.188 70.08);
  --chart-4: oklch(0.627 0.265 303.9);
  --chart-5: oklch(0.645 0.246 16.439);

  /* ── Sidebar (dark) ────────────────────────────────────── */
  --sidebar: oklch(0.208 0.042 265.755);
  --sidebar-foreground: oklch(0.984 0.003 247.858);
  --sidebar-primary: oklch(0.488 0.243 264.376);
  --sidebar-primary-foreground: oklch(0.984 0.003 247.858);
  --sidebar-accent: oklch(0.279 0.041 260.031);
  --sidebar-accent-foreground: oklch(0.984 0.003 247.858);
  --sidebar-border: oklch(1 0 0 / 10%);
  --sidebar-ring: oklch(0.551 0.027 264.364);
}