/* Tokens de cor do Kriya, src/app/globals.css. Nomes prefixados para isolamento. */
:root {

  --k-brand-purple: #6c14cf;
  --k-brand-magenta: #cb208e;
  --k-brand-dark: #35173a;
  --k-brand-cream: #ecedd3;

  --k-brand-gradient: linear-gradient(
    135deg,
    var(--k-brand-cream) 0%,
    var(--k-brand-magenta) 55%,
    var(--k-brand-purple) 100%
  );


  --k-purple-100: oklch(0.97 0.025 300);
  --k-purple-200: oklch(0.92 0.06 300);
  --k-purple-300: oklch(0.84 0.115 300);
  --k-purple-400: oklch(0.74 0.165 300);
  --k-purple-500: oklch(0.62 0.215 300);
  --k-purple-600: oklch(0.52 0.245 300);
  --k-purple-700: oklch(0.43 0.235 295);
  --k-purple-800: oklch(0.33 0.21 290);
  --k-purple-900: oklch(0.24 0.18 290);
  --k-purple-1000: oklch(0.18 0.13 290);
  --k-purple: oklch(0.45 0.27 295);



  --k-background: oklch(0.985 0 0);
  --k-foreground: oklch(0.24 0.075 320);

  --k-card: oklch(1 0 0);
  --k-card-foreground: oklch(0.24 0.075 320);
  --k-popover: oklch(1 0 0);
  --k-popover-foreground: oklch(0.24 0.075 320);


  --k-primary: var(--k-purple);
  --k-primary-foreground: oklch(0.99 0 0);

  --k-secondary: oklch(0.96 0 0);
  --k-secondary-foreground: oklch(0.3 0.08 320);

  --k-muted: oklch(0.96 0 0);
  --k-muted-foreground: oklch(0.45 0.05 320);


  --k-accent: oklch(0.94 0.06 340);
  --k-accent-foreground: oklch(0.55 0.27 340);

  --k-destructive: oklch(0.58 0.22 25);

  --k-border: oklch(0.9 0 0);
  --k-input: oklch(0.9 0 0);
  --k-ring: var(--k-purple);


  --k-selected: oklch(0.945 0.045 300);
  --k-selected-foreground: oklch(0.3 0.12 300);
  --k-selected-border: oklch(0.84 0.115 300);


  --k-chart-1: var(--k-purple);
  --k-chart-2: oklch(0.55 0.27 340);
  --k-chart-3: oklch(0.78 0.16 80);
  --k-chart-4: oklch(0.65 0.22 15);
  --k-chart-5: oklch(0.7 0.16 145);

  --k-radius: 0.75rem;


  --k-sidebar: oklch(0.975 0 0);
  --k-sidebar-foreground: oklch(0.28 0.08 320);
  --k-sidebar-primary: var(--k-purple);
  --k-sidebar-primary-foreground: oklch(0.99 0 0);
  --k-sidebar-accent: oklch(0.9 0.06 340);
  --k-sidebar-accent-foreground: oklch(0.45 0.27 340);
  --k-sidebar-border: oklch(0.9 0 0);
  --k-sidebar-ring: var(--k-purple);
}
[data-theme="dark"] {
  --k-background: oklch(0.14 0 0);
  --k-foreground: oklch(0.95 0 0);

  --k-card: oklch(0.18 0 0);
  --k-card-foreground: oklch(0.95 0 0);
  --k-popover: oklch(0.16 0 0);
  --k-popover-foreground: oklch(0.95 0 0);


  --k-primary: oklch(0.6 0.22 297);
  --k-primary-foreground: oklch(0.99 0 0);

  --k-secondary: oklch(0.22 0 0);
  --k-secondary-foreground: oklch(0.95 0 0);

  --k-muted: oklch(0.22 0 0);
  --k-muted-foreground: oklch(0.7 0 0);

  --k-accent: oklch(0.28 0 0);
  --k-accent-foreground: oklch(0.95 0 0);

  --k-destructive: oklch(0.65 0.2 20);

  --k-border: oklch(0.3 0 0 / 60%);
  --k-input: oklch(0.28 0 0 / 70%);
  --k-ring: oklch(0.6 0.22 297);


  --k-selected: oklch(0.31 0.07 300);
  --k-selected-foreground: oklch(0.94 0.03 300);
  --k-selected-border: oklch(0.47 0.1 300);

  --k-chart-1: oklch(0.6 0.22 297);
  --k-chart-2: oklch(0.7 0.22 340);
  --k-chart-3: oklch(0.78 0.16 80);
  --k-chart-4: oklch(0.7 0.2 15);
  --k-chart-5: oklch(0.7 0.16 145);

  --k-sidebar: oklch(0.11 0 0);
  --k-sidebar-foreground: oklch(0.92 0 0);
  --k-sidebar-primary: oklch(0.6 0.22 297);
  --k-sidebar-primary-foreground: oklch(0.99 0 0);
  --k-sidebar-accent: oklch(0.22 0 0);
  --k-sidebar-accent-foreground: oklch(0.95 0 0);
  --k-sidebar-border: oklch(0.25 0 0 / 60%);
  --k-sidebar-ring: oklch(0.6 0.22 297);
}
[data-theme="magenta"] {
  --k-background: oklch(0.18 0.075 320);
  --k-foreground: oklch(0.95 0.025 100);

  --k-card: oklch(0.24 0.085 320);
  --k-card-foreground: oklch(0.95 0.025 100);
  --k-popover: oklch(0.22 0.08 320);
  --k-popover-foreground: oklch(0.95 0.025 100);

  --k-primary: oklch(0.6 0.275 297);
  --k-primary-foreground: oklch(0.99 0.005 100);

  --k-secondary: oklch(0.28 0.085 320);
  --k-secondary-foreground: oklch(0.95 0.025 100);

  --k-muted: oklch(0.26 0.07 320);
  --k-muted-foreground: oklch(0.78 0.04 100);

  --k-accent: oklch(0.36 0.13 340);
  --k-accent-foreground: oklch(0.92 0.16 340);

  --k-destructive: oklch(0.7 0.2 20);

  --k-border: oklch(0.36 0.085 320 / 60%);
  --k-input: oklch(0.32 0.075 320 / 70%);
  --k-ring: oklch(0.6 0.275 297);


  --k-selected: oklch(0.36 0.1 300);
  --k-selected-foreground: oklch(0.95 0.03 300);
  --k-selected-border: oklch(0.52 0.14 300);

  --k-chart-1: oklch(0.7 0.25 297);
  --k-chart-2: oklch(0.7 0.27 340);
  --k-chart-3: oklch(0.82 0.16 80);
  --k-chart-4: oklch(0.72 0.22 15);
  --k-chart-5: oklch(0.74 0.16 145);

  --k-sidebar: oklch(0.14 0.07 320);
  --k-sidebar-foreground: oklch(0.92 0.025 100);
  --k-sidebar-primary: oklch(0.7 0.25 297);
  --k-sidebar-primary-foreground: oklch(0.18 0.075 320);
  --k-sidebar-accent: oklch(0.32 0.13 340);
  --k-sidebar-accent-foreground: oklch(0.92 0.18 340);
  --k-sidebar-border: oklch(0.3 0.085 320 / 55%);
  --k-sidebar-ring: oklch(0.7 0.25 297);
}

:root {
 --ui-font-sans: "Plus Jakarta Sans", sans-serif;
 --shell-accent: var(--k-primary);
 --stage-1: #aea0cc;
 --stage-2: #93abd0;
 --stage-3: #9c8ee0;
 --stage-4: #b799d9;
 --stage-5: #d898bb;
 --stage-6: #d4ad74;
 --stage-7: #81b8b1;
 --stage-8: #8ba9d4;
 --stage-9: #7bae99;
 --k-swatch-light-surface: oklch(1 0 0); --k-swatch-light-action: oklch(.45 .27 295);
 --k-swatch-dark-surface: oklch(.18 0 0); --k-swatch-dark-action: oklch(.50 .23 297);
 --k-swatch-magenta-surface: oklch(.24 .085 320); --k-swatch-magenta-action: oklch(.50 .23 297);
}
[data-mesha-product="recruit"] { --shell-accent: #8250b8; }
[data-mesha-product="mail"]    { --shell-accent: #b24979; }
[data-mesha-product="artha"]   { --shell-accent: #267c70; }
[data-mesha-product="catalog"] { --shell-accent: #ae782b; }
[data-mesha-product="agenda"]  { --shell-accent: #3d78b7; }


:root {
  color-scheme: light;
  --bg: var(--k-background);
  --surface: var(--k-card);
  --text: var(--k-foreground);
  --muted: var(--k-muted-foreground);
  --line: var(--k-border);
  --primary: var(--k-primary);
  --link: var(--k-primary);
  --button-bg: var(--k-primary);
  /* O par do fundo. Era `#fff` escrito dentro da regra do botão, o que
     escondia um acoplamento: o branco só funciona porque `--button-bg` é
     sempre um roxo escuro, inclusive nos temas claros. Explícito, os dois
     mudam juntos. */
  --button-fg: #ffffff;
  --soft: var(--k-selected);
  --sidebar: var(--k-sidebar);
  --input: var(--k-card);
  --shadow: 0 6px 22px #27234605;
  --success: #246446; --success-bg: #e8f4ed;
  --warning: #865811; --warning-bg: #fff4dc;
  --danger: #a9293a; --danger-bg: #fff0f1;
  --info: #32658b; --info-bg: #eaf2fa;
  --neutral: #5b586c; --neutral-bg: #eeeef3;
}

[data-theme="dark"], [data-theme="magenta"] {
  color-scheme: dark;
  --link: oklch(.78 .16 297);
  --button-bg: oklch(.50 .23 297);
  --shadow: none;
  --success: #9cddbc; --success-bg: #1f3a31;
  --warning: #f0cb83; --warning-bg: #3c3023;
  --danger: #ffa6b3; --danger-bg: #472631;
  --info: #a4c9f3; --info-bg: #223349;
  --neutral: #c6c1d5; --neutral-bg: #35313f;
}
