/*
 * EventCenter Design System 1.0
 * Theme: Cobalto Costeiro
 * Canonical namespace: ec
 *
 * This file intentionally contains no legacy aliases.
 */

@layer ec.tokens {
  :root {
    color-scheme: light;

    --ec-ref-cobalt-50: #F2F7FF;
    --ec-ref-cobalt-100: #E0EFFF;
    --ec-ref-cobalt-200: #A7D8FF;
    --ec-ref-cobalt-300: #7DBBFA;
    --ec-ref-cobalt-400: #519BF4;
    --ec-ref-cobalt-500: #2F80ED;
    --ec-ref-cobalt-600: #1367D4;
    --ec-ref-cobalt-700: #0047AB;
    --ec-ref-cobalt-800: #003B8E;
    --ec-ref-cobalt-900: #002F6C;
    --ec-ref-cobalt-950: #001A3D;

    --ec-ref-sun-50: #FFF9E6;
    --ec-ref-sun-100: #FFF1BD;
    --ec-ref-sun-200: #FFE485;
    --ec-ref-sun-300: #FFD454;
    --ec-ref-sun-400: #FFC52B;
    --ec-ref-sun-500: #FFB703;
    --ec-ref-sun-600: #D99100;
    --ec-ref-sun-700: #A96F00;
    --ec-ref-sun-800: #795000;
    --ec-ref-sun-900: #553800;
    --ec-ref-sun-950: #2F1E00;

    --ec-ref-neutral-0: #FFFFFF;
    --ec-ref-neutral-25: #FBFDFF;
    --ec-ref-neutral-50: #F7FAFF;
    --ec-ref-neutral-100: #EDF3FA;
    --ec-ref-neutral-200: #DCE5F0;
    --ec-ref-neutral-300: #C8D5E4;
    --ec-ref-neutral-400: #9AAABD;
    --ec-ref-neutral-500: #71859B;
    --ec-ref-neutral-600: #52657A;
    --ec-ref-neutral-700: #394D63;
    --ec-ref-neutral-800: #1D2B3F;
    --ec-ref-neutral-900: #0B1F3A;
    --ec-ref-neutral-950: #061225;

    --ec-ref-success-50: #EAFBF4;
    --ec-ref-success-100: #D6F5EA;
    --ec-ref-success-600: #087A5B;
    --ec-ref-success-800: #064E3B;
    --ec-ref-warning-50: #FFF8E8;
    --ec-ref-warning-100: #FFE9C2;
    --ec-ref-warning-700: #8A4B00;
    --ec-ref-warning-900: #3D2500;
    --ec-ref-error-50: #FFF4F2;
    --ec-ref-error-100: #FEE4E2;
    --ec-ref-error-700: #B42318;
    --ec-ref-error-900: #7A271A;
    --ec-ref-info-100: #DCEBFF;
    --ec-ref-info-700: #005FCC;
    --ec-ref-info-900: #003B73;

    --ec-sys-color-primary: var(--ec-ref-cobalt-700);
    --ec-sys-color-primary-hover: var(--ec-ref-cobalt-800);
    --ec-sys-color-primary-pressed: var(--ec-ref-cobalt-900);
    --ec-sys-color-on-primary: var(--ec-ref-neutral-0);
    --ec-sys-color-primary-container: var(--ec-ref-cobalt-200);
    --ec-sys-color-on-primary-container: var(--ec-ref-cobalt-900);
    --ec-sys-color-interactive: var(--ec-ref-cobalt-500);
    --ec-sys-color-interactive-hover: var(--ec-ref-cobalt-600);
    --ec-sys-color-interactive-subtle: var(--ec-ref-cobalt-100);
    --ec-sys-color-accent: var(--ec-ref-sun-500);
    --ec-sys-color-accent-hover: var(--ec-ref-sun-400);
    --ec-sys-color-accent-pressed: var(--ec-ref-sun-600);
    --ec-sys-color-on-accent: var(--ec-ref-neutral-900);
    --ec-sys-color-accent-container: var(--ec-ref-sun-100);
    --ec-sys-color-on-accent-container: var(--ec-ref-sun-900);
    --ec-sys-color-background: var(--ec-ref-cobalt-50);
    --ec-sys-color-on-background: var(--ec-ref-neutral-800);
    --ec-sys-color-surface: var(--ec-ref-neutral-0);
    --ec-sys-color-surface-subtle: var(--ec-ref-neutral-25);
    --ec-sys-color-surface-muted: var(--ec-ref-neutral-100);
    --ec-sys-color-surface-raised: var(--ec-ref-neutral-0);
    --ec-sys-color-on-surface: var(--ec-ref-neutral-800);
    --ec-sys-color-on-surface-strong: var(--ec-ref-neutral-900);
    --ec-sys-color-on-surface-muted: var(--ec-ref-neutral-600);
    --ec-sys-color-outline: var(--ec-ref-neutral-500);
    --ec-sys-color-outline-subtle: var(--ec-ref-neutral-300);
    --ec-sys-color-divider: var(--ec-ref-neutral-200);
    --ec-sys-color-success: var(--ec-ref-success-600);
    --ec-sys-color-on-success: var(--ec-ref-neutral-0);
    --ec-sys-color-success-container: var(--ec-ref-success-100);
    --ec-sys-color-on-success-container: var(--ec-ref-success-800);
    --ec-sys-color-warning: var(--ec-ref-warning-700);
    --ec-sys-color-on-warning: var(--ec-ref-neutral-0);
    --ec-sys-color-warning-container: var(--ec-ref-warning-100);
    --ec-sys-color-on-warning-container: var(--ec-ref-warning-900);
    --ec-sys-color-error: var(--ec-ref-error-700);
    --ec-sys-color-on-error: var(--ec-ref-neutral-0);
    --ec-sys-color-error-container: var(--ec-ref-error-100);
    --ec-sys-color-on-error-container: var(--ec-ref-error-900);
    --ec-sys-color-info: var(--ec-ref-info-700);
    --ec-sys-color-on-info: var(--ec-ref-neutral-0);
    --ec-sys-color-info-container: var(--ec-ref-info-100);
    --ec-sys-color-on-info-container: var(--ec-ref-info-900);
    --ec-sys-color-scrim: rgb(6 18 37 / 56%);
    --ec-sys-color-shadow: rgb(6 18 37 / 18%);
    --ec-sys-color-focus-ring: var(--ec-ref-cobalt-500);
    --ec-sys-color-selection: var(--ec-ref-cobalt-200);

    --ec-font-family-sans: "Inter Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --ec-font-family-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --ec-font-weight-regular: 400;
    --ec-font-weight-medium: 500;
    --ec-font-weight-semibold: 600;
    --ec-font-weight-bold: 700;
    --ec-font-weight-extrabold: 800;
    --ec-type-display-xl-size: clamp(3rem, 5vw, 4rem);
    --ec-type-display-xl-line: 1.02;
    --ec-type-display-lg-size: clamp(2.5rem, 4vw, 3.5rem);
    --ec-type-display-lg-line: 1.06;
    --ec-type-heading-1-size: clamp(2rem, 3vw, 2.75rem);
    --ec-type-heading-1-line: 1.12;
    --ec-type-heading-2-size: clamp(1.75rem, 2.4vw, 2.25rem);
    --ec-type-heading-2-line: 1.16;
    --ec-type-heading-3-size: clamp(1.375rem, 1.8vw, 1.75rem);
    --ec-type-heading-3-line: 1.22;
    --ec-type-title-lg-size: 1.25rem;
    --ec-type-title-lg-line: 1.4;
    --ec-type-title-md-size: 1.125rem;
    --ec-type-title-md-line: 1.45;
    --ec-type-body-lg-size: 1rem;
    --ec-type-body-lg-line: 1.625;
    --ec-type-body-md-size: 0.875rem;
    --ec-type-body-md-line: 1.55;
    --ec-type-label-lg-size: 0.875rem;
    --ec-type-label-lg-line: 1.25;
    --ec-type-label-md-size: 0.75rem;
    --ec-type-label-md-line: 1.25;
    --ec-type-micro-size: 0.6875rem;
    --ec-type-micro-line: 1.25;

    --ec-space-0: 0;
    --ec-space-1: 0.25rem;
    --ec-space-2: 0.5rem;
    --ec-space-3: 0.75rem;
    --ec-space-4: 1rem;
    --ec-space-5: 1.25rem;
    --ec-space-6: 1.5rem;
    --ec-space-7: 2rem;
    --ec-space-8: 2.5rem;
    --ec-space-9: 3rem;
    --ec-space-10: 4rem;
    --ec-space-11: 5rem;
    --ec-space-12: 6rem;

    --ec-radius-xs: 0.375rem;
    --ec-radius-sm: 0.625rem;
    --ec-radius-md: 0.875rem;
    --ec-radius-lg: 1.125rem;
    --ec-radius-xl: 1.5rem;
    --ec-radius-2xl: 2rem;
    --ec-radius-full: 999rem;
    --ec-border-width-thin: 1px;
    --ec-border-width-strong: 2px;
    --ec-elevation-0: none;
    --ec-elevation-1: 0 1px 2px rgb(6 18 37 / 5%), 0 2px 6px rgb(6 18 37 / 6%);
    --ec-elevation-2: 0 8px 24px rgb(6 18 37 / 10%);
    --ec-elevation-3: 0 18px 48px rgb(6 18 37 / 15%);
    --ec-elevation-4: 0 28px 72px rgb(6 18 37 / 20%);
    --ec-elevation-focus: 0 0 0 4px rgb(47 128 237 / 24%);

    --ec-motion-duration-instant: 80ms;
    --ec-motion-duration-fast: 120ms;
    --ec-motion-duration-medium: 180ms;
    --ec-motion-duration-slow: 240ms;
    --ec-motion-duration-emphasis: 320ms;
    --ec-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
    --ec-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
    --ec-motion-easing-exit: cubic-bezier(0.3, 0, 1, 1);

    --ec-z-base: 0;
    --ec-z-sticky: 100;
    --ec-z-dropdown: 300;
    --ec-z-overlay: 600;
    --ec-z-drawer: 650;
    --ec-z-dialog: 700;
    --ec-z-toast: 900;

    --ec-container-public: 75rem;
    --ec-container-checkout: 73.75rem;
    --ec-container-auth: 65rem;
    --ec-container-dashboard: 100rem;
    --ec-page-gutter: clamp(1rem, 3vw, 2rem);
    --ec-section-space: clamp(3rem, 7vw, 6rem);
    --ec-control-height-sm: 2.25rem;
    --ec-control-height-md: 2.75rem;
    --ec-control-height-lg: 3.25rem;
    --ec-touch-target-min: 2.75rem;
    --ec-comp-button-height: var(--ec-control-height-md);
    --ec-comp-button-radius: var(--ec-radius-full);
    --ec-comp-button-padding-inline: var(--ec-space-5);
    --ec-comp-field-height: 3rem;
    --ec-comp-field-radius: var(--ec-radius-md);
    --ec-comp-card-radius: var(--ec-radius-xl);
    --ec-comp-dialog-radius: var(--ec-radius-2xl);
    --ec-comp-chip-height: 2.25rem;
    --ec-comp-badge-height: 1.75rem;
  }

  [data-ec-context="portal"] {
    --ec-comp-button-height: var(--ec-control-height-lg);
    --ec-comp-field-height: 3.25rem;
    --ec-comp-card-radius: var(--ec-radius-xl);
  }

  [data-ec-context="checkout"] {
    --ec-sys-color-background: var(--ec-ref-neutral-25);
    --ec-comp-button-height: var(--ec-control-height-lg);
    --ec-comp-field-height: 3.25rem;
  }

  [data-ec-context="dashboard"] {
    --ec-sys-color-background: var(--ec-ref-neutral-50);
    --ec-comp-button-height: var(--ec-control-height-md);
    --ec-comp-field-height: 2.75rem;
    --ec-comp-card-radius: var(--ec-radius-lg);
  }

  [data-ec-density="compact"] {
    --ec-comp-button-height: var(--ec-control-height-sm);
    --ec-comp-field-height: 2.5rem;
    --ec-comp-chip-height: 2rem;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
      --ec-motion-duration-instant: 1ms;
      --ec-motion-duration-fast: 1ms;
      --ec-motion-duration-medium: 1ms;
      --ec-motion-duration-slow: 1ms;
      --ec-motion-duration-emphasis: 1ms;
    }
  }
}