/* LOGION — Design Tokens (CSS). Gerado de tokens/tokens.json */
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --lg-navy-500: #3A5A9C;
  --lg-navy-600: #284682;
  --lg-navy-700: #1B3366;
  --lg-navy-800: #12244A;
  --lg-navy-900: #0B1730;
  --lg-navy-950: #060E1F;
  --lg-blue-50: #EFF4FF;
  --lg-blue-100: #DBE6FE;
  --lg-blue-200: #BFD3FE;
  --lg-blue-300: #93B4FD;
  --lg-blue-400: #608EFA;
  --lg-blue-500: #3B6EF5;
  --lg-blue-600: #2563EB;
  --lg-blue-700: #1D4ED8;
  --lg-blue-800: #1E40AF;
  --lg-blue-900: #1E3A8A;
  --lg-platinum-0: #FFFFFF;
  --lg-platinum-50: #F5F7FA;
  --lg-platinum-100: #ECF0F5;
  --lg-platinum-200: #DDE3EB;
  --lg-platinum-300: #C9D2DE;
  --lg-platinum-400: #9DA9BA;
  --lg-platinum-500: #727F94;
  --lg-platinum-600: #535F74;
  --lg-platinum-700: #3B4659;
  --lg-platinum-800: #263043;
  --lg-platinum-900: #161E30;
  --lg-green-50: #E9F8F6;
  --lg-green-100: #C9EFEA;
  --lg-green-200: #96E0D6;
  --lg-green-300: #5FCDBF;
  --lg-green-400: #3BC1AF;
  --lg-green-500: #28B8A5;
  --lg-green-600: #1F9686;
  --lg-green-700: #1A776B;
  --lg-green-800: #165E56;
  --lg-green-900: #124D47;
  --lg-amber-50: #FFF6E5;
  --lg-amber-500: #F5A524;
  --lg-amber-700: #9A5B00;
  --lg-red-50: #FDECEE;
  --lg-red-500: #E5484D;
  --lg-red-700: #B4232F;

  --lg-font-display: 'Sora', system-ui, sans-serif;
  --lg-font-body: 'Manrope', system-ui, sans-serif;
  --lg-font-mono: 'JetBrains Mono', ui-monospace, monospace;

  --lg-type-display: 700 48px/56px var(--lg-font-display);
  --lg-type-display-tracking: -0.02em;
  --lg-type-h1: 700 36px/44px var(--lg-font-display);
  --lg-type-h1-tracking: -0.02em;
  --lg-type-h2: 600 28px/36px var(--lg-font-display);
  --lg-type-h2-tracking: -0.01em;
  --lg-type-h3: 600 22px/30px var(--lg-font-display);
  --lg-type-h3-tracking: -0.01em;
  --lg-type-h4: 600 18px/26px var(--lg-font-display);
  --lg-type-h4-tracking: 0em;
  --lg-type-body-lg: 400 18px/28px var(--lg-font-body);
  --lg-type-body-lg-tracking: 0em;
  --lg-type-body: 400 16px/24px var(--lg-font-body);
  --lg-type-body-tracking: 0em;
  --lg-type-body-sm: 400 14px/20px var(--lg-font-body);
  --lg-type-body-sm-tracking: 0em;
  --lg-type-label: 600 14px/20px var(--lg-font-body);
  --lg-type-label-tracking: 0em;
  --lg-type-caption: 500 12px/16px var(--lg-font-body);
  --lg-type-caption-tracking: 0em;
  --lg-type-overline: 600 12px/16px var(--lg-font-display);
  --lg-type-overline-tracking: 0.16em;

  --lg-space-0: 0px;
  --lg-space-1: 4px;
  --lg-space-2: 8px;
  --lg-space-3: 12px;
  --lg-space-4: 16px;
  --lg-space-5: 20px;
  --lg-space-6: 24px;
  --lg-space-8: 32px;
  --lg-space-10: 40px;
  --lg-space-12: 48px;
  --lg-space-16: 64px;
  --lg-space-20: 80px;

  --lg-radius-none: 0px;
  --lg-radius-xs: 4px;
  --lg-radius-sm: 8px;
  --lg-radius-md: 12px;
  --lg-radius-lg: 16px;
  --lg-radius-xl: 24px;
  --lg-radius-full: 9999px;

  --lg-shadow-sm: 0 1px 2px rgba(11,23,48,0.06);
  --lg-shadow-md: 0 4px 12px rgba(11,23,48,0.08);
  --lg-shadow-lg: 0 12px 32px rgba(11,23,48,0.12);
  --lg-shadow-focus: 0 0 0 3px rgba(37,99,235,0.35);

  --lg-duration-fast: 120ms;
  --lg-duration-base: 200ms;
  --lg-duration-slow: 320ms;
  --lg-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --lg-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);

  --lg-size-control-sm: 32px;
  --lg-size-control-md: 40px;
  --lg-size-control-lg: 48px;
  --lg-size-touch-min: 44px;
  --lg-size-icon-sm: 16px;
  --lg-size-icon-md: 20px;
  --lg-size-icon-lg: 24px;

  /* Semânticos — tema claro */
  --lg-bg: #F5F7FA;
  --lg-surface: #FFFFFF;
  --lg-surface-alt: #ECF0F5;
  --lg-border: #DDE3EB;
  --lg-border-strong: #C9D2DE;
  --lg-text: #0B1730;
  --lg-text-secondary: #535F74;
  --lg-text-muted: #727F94;
  --lg-text-inverse: #FFFFFF;
  --lg-primary: #2563EB;
  --lg-primary-hover: #1D4ED8;
  --lg-primary-pressed: #1E40AF;
  --lg-primary-subtle: #EFF4FF;
  --lg-on-primary: #FFFFFF;
  --lg-brand: #0B1730;
  --lg-care: #28B8A5;
  --lg-care-subtle: #E9F8F6;
  --lg-success: #1A776B;
  --lg-success-bg: #E9F8F6;
  --lg-warning: #9A5B00;
  --lg-warning-bg: #FFF6E5;
  --lg-danger: #B4232F;
  --lg-danger-bg: #FDECEE;
  --lg-info: #1D4ED8;
  --lg-info-bg: #EFF4FF;
  --lg-focus: #2563EB;
}

[data-theme="dark"] {
  --lg-bg: #060E1F;
  --lg-surface: #0B1730;
  --lg-surface-alt: #12244A;
  --lg-border: #1B3366;
  --lg-border-strong: #284682;
  --lg-text: #F5F7FA;
  --lg-text-secondary: #C9D2DE;
  --lg-text-muted: #9DA9BA;
  --lg-text-inverse: #0B1730;
  --lg-primary: #3B6EF5;
  --lg-primary-hover: #608EFA;
  --lg-primary-pressed: #2563EB;
  --lg-primary-subtle: #12244A;
  --lg-on-primary: #FFFFFF;
  --lg-brand: #FFFFFF;
  --lg-care: #3BC1AF;
  --lg-care-subtle: #124D47;
  --lg-success: #5FCDBF;
  --lg-success-bg: #124D47;
  --lg-warning: #F5A524;
  --lg-warning-bg: #3A2A0A;
  --lg-danger: #E5484D;
  --lg-danger-bg: #3A1218;
  --lg-info: #93B4FD;
  --lg-info-bg: #12244A;
  --lg-focus: #608EFA;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --lg-bg: #060E1F;
    --lg-surface: #0B1730;
    --lg-surface-alt: #12244A;
    --lg-border: #1B3366;
    --lg-border-strong: #284682;
    --lg-text: #F5F7FA;
    --lg-text-secondary: #C9D2DE;
    --lg-text-muted: #9DA9BA;
    --lg-text-inverse: #0B1730;
    --lg-primary: #3B6EF5;
    --lg-primary-hover: #608EFA;
    --lg-primary-pressed: #2563EB;
    --lg-primary-subtle: #12244A;
    --lg-on-primary: #FFFFFF;
    --lg-brand: #FFFFFF;
    --lg-care: #3BC1AF;
    --lg-care-subtle: #124D47;
    --lg-success: #5FCDBF;
    --lg-success-bg: #124D47;
    --lg-warning: #F5A524;
    --lg-warning-bg: #3A2A0A;
    --lg-danger: #E5484D;
    --lg-danger-bg: #3A1218;
    --lg-info: #93B4FD;
    --lg-info-bg: #12244A;
    --lg-focus: #608EFA;
  }
}