/* Gerado pelo build a partir de packages/tokens/base.json (v1.12.0). Não edite: mude o token e rode pnpm build:site.
   A primária é do produto: defina --p-light, --p-light-fg, --p-dark, --p-dark-fg e --p-brand (ver products.json). */
:root {
  --background: #f8fafc;
  --foreground: #0f172a;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --popover: #ffffff;
  --popover-foreground: #0f172a;
  --sidebar: #ffffff;
  --sidebar-foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #475569;
  --secondary: #f1f5f9;
  --secondary-foreground: #0f172a;
  --accent: #f1f5f9;
  --accent-foreground: #0f172a;
  --border: #e2e8f0;
  --input: #8592a6;
  --success: #15803d;
  --success-foreground: #ffffff;
  --success-strong: #166534;
  --warning: #b45309;
  --warning-foreground: #ffffff;
  --warning-strong: #92400e;
  --danger: #b91c1c;
  --danger-foreground: #ffffff;
  --danger-strong: #991b1b;
  --info: #0369a1;
  --info-foreground: #ffffff;
  --info-strong: #075985;
  --primary: var(--p-light, #153261);
  --primary-foreground: var(--p-light-fg, #ffffff);
  --ring: var(--primary);
  --link: var(--p-light-link, #153261);   /* texto de link: a primária; no escuro, mais clara, com 4,5:1 (D18) */
  --brand: var(--p-brand, #153261);
  --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-sheet: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --edge: color-mix(in srgb, var(--foreground) 10%, transparent);   /* o contorno de box e flutuante: ring-1 ring-foreground/10 */
  --veil: rgb(0 0 0 / 0.1);
  --outline-border: var(--border);   /* botão outline do shadcn */
  --outline-bg: var(--background);
  --input-bg: transparent;   /* campo e select */
  --danger-tint: 10%;   /* botão de perigo: bg-destructive/10, dark:bg-destructive/20 */
  --switch-off: var(--input);   /* switch desligado: bg-input, dark:bg-input/80 */
  --switch-thumb: var(--background);   /* polegar desligado: bg-background, dark:bg-foreground */
  --switch-thumb-on: var(--background);   /* polegar ligado: dark:bg-primary-foreground */
  --sidebar-admin: color-mix(in srgb, var(--primary) 8%, var(--sidebar));   /* área de administração (2.30): a sidebar no tom suave da primária */
  --sidebar-admin-accent: color-mix(in srgb, var(--primary) 14.000000000000002%, var(--sidebar));
  --sidebar-admin-border: color-mix(in srgb, var(--primary) 20%, var(--border));
  --radius-control: 8px;
  --radius-item: 6.4px;
  --radius-surface: 11.2px;
  /* altura dos controles, uma escala só: o size do shadcn (xs, sm, default, lg). Componente lê daqui; tela escolhe o tamanho pela classe */
  --size-xs: 24px;
  --size-sm: 28px;
  --size-default: 32px;
  --size-lg: 36px;
  --size-item: 28px;   /* item de menu, de select e de lista de opções */
  --size-sidebar-lg: 48px;   /* SidebarMenuButton size="lg": topo e usuário */
  --font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #171717;
    --foreground: #e5e5e5;
    --card: #262626;
    --card-foreground: #e5e5e5;
    --popover: #262626;
    --popover-foreground: #e5e5e5;
    --sidebar: #171717;
    --sidebar-foreground: #e5e5e5;
    --muted: #1f1f1f;
    --muted-foreground: #a8a8a8;
    --secondary: #404040;
    --secondary-foreground: #e5e5e5;
    --accent: #1f1f1f;
    --accent-foreground: #e5e5e5;
    --border: #404040;
    --input: #737373;
    --success: #4ade80;
    --success-foreground: #171717;
    --success-strong: #86efac;
    --warning: #fbbf24;
    --warning-foreground: #171717;
    --warning-strong: #fcd34d;
    --danger: #f87171;
    --danger-foreground: #171717;
    --danger-strong: #fca5a5;
    --info: #38bdf8;
    --info-foreground: #171717;
    --info-strong: #7dd3fc;
    --primary: var(--p-dark, #2e6cd2);
    --primary-foreground: var(--p-dark-fg, #ffffff);
    --ring: var(--primary);
    --link: var(--p-dark-link, #608fdd);   /* texto de link: a primária; no escuro, mais clara, com 4,5:1 (D18) */
    --brand: var(--p-brand, #153261);
    --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-sheet: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --edge: color-mix(in srgb, var(--foreground) 10%, transparent);   /* o contorno de box e flutuante: ring-1 ring-foreground/10 */
    --veil: rgb(0 0 0 / 0.1);
    --outline-border: var(--input);   /* botão outline do shadcn */
    --outline-bg: color-mix(in srgb, var(--input) 30%, transparent);
    --input-bg: color-mix(in srgb, var(--input) 30%, transparent);   /* campo e select */
    --danger-tint: 20%;   /* botão de perigo: bg-destructive/10, dark:bg-destructive/20 */
    --switch-off: color-mix(in srgb, var(--input) 80%, transparent);   /* switch desligado: bg-input, dark:bg-input/80 */
    --switch-thumb: var(--foreground);   /* polegar desligado: bg-background, dark:bg-foreground */
    --switch-thumb-on: var(--primary-foreground);   /* polegar ligado: dark:bg-primary-foreground */
    --sidebar-admin: color-mix(in srgb, var(--primary) 14.000000000000002%, var(--sidebar));   /* área de administração (2.30): a sidebar no tom suave da primária */
    --sidebar-admin-accent: color-mix(in srgb, var(--primary) 22%, var(--sidebar));
    --sidebar-admin-border: color-mix(in srgb, var(--primary) 30%, var(--border));
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --background: #171717;
  --foreground: #e5e5e5;
  --card: #262626;
  --card-foreground: #e5e5e5;
  --popover: #262626;
  --popover-foreground: #e5e5e5;
  --sidebar: #171717;
  --sidebar-foreground: #e5e5e5;
  --muted: #1f1f1f;
  --muted-foreground: #a8a8a8;
  --secondary: #404040;
  --secondary-foreground: #e5e5e5;
  --accent: #1f1f1f;
  --accent-foreground: #e5e5e5;
  --border: #404040;
  --input: #737373;
  --success: #4ade80;
  --success-foreground: #171717;
  --success-strong: #86efac;
  --warning: #fbbf24;
  --warning-foreground: #171717;
  --warning-strong: #fcd34d;
  --danger: #f87171;
  --danger-foreground: #171717;
  --danger-strong: #fca5a5;
  --info: #38bdf8;
  --info-foreground: #171717;
  --info-strong: #7dd3fc;
  --primary: var(--p-dark, #2e6cd2);
  --primary-foreground: var(--p-dark-fg, #ffffff);
  --ring: var(--primary);
  --link: var(--p-dark-link, #608fdd);   /* texto de link: a primária; no escuro, mais clara, com 4,5:1 (D18) */
  --brand: var(--p-brand, #153261);
  --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-sheet: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --edge: color-mix(in srgb, var(--foreground) 10%, transparent);   /* o contorno de box e flutuante: ring-1 ring-foreground/10 */
  --veil: rgb(0 0 0 / 0.1);
  --outline-border: var(--input);   /* botão outline do shadcn */
  --outline-bg: color-mix(in srgb, var(--input) 30%, transparent);
  --input-bg: color-mix(in srgb, var(--input) 30%, transparent);   /* campo e select */
  --danger-tint: 20%;   /* botão de perigo: bg-destructive/10, dark:bg-destructive/20 */
  --switch-off: color-mix(in srgb, var(--input) 80%, transparent);   /* switch desligado: bg-input, dark:bg-input/80 */
  --switch-thumb: var(--foreground);   /* polegar desligado: bg-background, dark:bg-foreground */
  --switch-thumb-on: var(--primary-foreground);   /* polegar ligado: dark:bg-primary-foreground */
  --sidebar-admin: color-mix(in srgb, var(--primary) 14.000000000000002%, var(--sidebar));   /* área de administração (2.30): a sidebar no tom suave da primária */
  --sidebar-admin-accent: color-mix(in srgb, var(--primary) 22%, var(--sidebar));
  --sidebar-admin-border: color-mix(in srgb, var(--primary) 30%, var(--border));
  color-scheme: dark;
}