/* ===== DESIGN TOKENS (espelham web/admin/src/css/globals.css) ===== */
:root {
  --radius: 10px;
  --radius-sm: 4px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-tw: 12px;

  /* Backgrounds */
  --background: #ffffff;
  --foreground: #1c2536;
  --card: #ffffff;
  --card-foreground: #1c2536;
  --muted: #f5f5f5;
  --muted-foreground: rgba(90, 106, 133, 0.75);
  --border: #dfe5ef;
  --input: #e5e7eb;

  /* Cores semânticas */
  --primary: #014488;
  --primary-foreground: #ffffff;
  --secondary: #49beff;
  --secondary-foreground: #ffffff;
  --info: #8754ec;
  --success: #13deb9;
  --warning: #f6b51e;
  --error: #ef4444;
  --white: #ffffff;
  --dark: #1c2536;
  --bodytext: rgba(90, 106, 133, 0.75);

  /* Variantes light (12%) */
  --lightprimary: color-mix(in oklab, var(--primary) 12%, transparent);
  --lightsecondary: color-mix(in oklab, var(--secondary) 12%, transparent);
  --lightsuccess: color-mix(in oklab, var(--success) 12%, transparent);
  --lightwarning: color-mix(in oklab, var(--warning) 12%, transparent);
  --lighterror: color-mix(in oklab, var(--error) 12%, transparent);
  --lightinfo: color-mix(in oklab, var(--info) 12%, transparent);

  /* Variantes emphasis (80% + black) */
  --primary-emphasis: color-mix(in oklab, var(--primary) 80%, black);
  --secondary-emphasis: color-mix(in oklab, var(--secondary) 80%, black);
  --success-emphasis: color-mix(in oklab, var(--success) 80%, black);
  --warning-emphasis: color-mix(in oklab, var(--warning) 80%, black);
  --error-emphasis: color-mix(in oklab, var(--error) 80%, black);
  --info-emphasis: color-mix(in oklab, var(--info) 80%, black);

  /* Sombras */
  --shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --shadow-md: 0 1px 4px rgba(133, 146, 173, 0.2);
  --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --shadow-btn: 0 9px 17.5px rgba(0, 0, 0, 0.05);
  --shadow-primary-sm: 0 10px 40px -10px color-mix(in oklab, var(--primary) 5%, transparent);

  /* Header gradiente */
  --header-gradient: linear-gradient(to right, #0c4a8e, #0f172a, #065f46);
  --header-border: #f6b51e;

  /* Container */
  --container-max: 1200px;
  --container-padding: 1.5rem;
}

.dark {
  --background: #1c2536;
  --foreground: #ffffff;
  --card: #1c2536;
  --card-foreground: #ffffff;
  --muted: #2a3851;
  --muted-foreground: #7c8fac;
  --border: #333f55;
  --input: #333f55;

  --lightprimary: color-mix(in oklab, var(--primary) 20%, transparent);
  --lightsecondary: color-mix(in oklab, var(--secondary) 20%, transparent);
  --lightsuccess: color-mix(in oklab, var(--success) 20%, transparent);
  --lightwarning: color-mix(in oklab, var(--warning) 20%, transparent);
  --lighterror: color-mix(in oklab, var(--error) 20%, transparent);
}