@font-face {
  font-family: 'Caretta Office';
  src:
    url('/fonts/CarettaOfficeRegular.woff2') format('woff2'),
    url('/fonts/CarettaOfficeRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Caretta Office';
  src:
    url('/fonts/CarettaOfficeBold.woff2') format('woff2'),
    url('/fonts/CarettaOfficeBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --caretta-rosu: #e0004d;
  --caretta-albastru: #003349;
  --rosu-600: var(--ct-caretta-red-600);
  --rosu-700: var(--ct-caretta-red-700);
  --rosu-50: var(--ct-caretta-red-50);
  --albastru-900: var(--ct-caretta-navy-900);
  --albastru-800: var(--ct-caretta-navy-800);
  --albastru-700: var(--ct-fg-link);
  --albastru-600: var(--ct-caretta-navy-600);
  --albastru-100: var(--ct-caretta-navy-100);
  --albastru-50: var(--ct-caretta-navy-50);
  --n-0: var(--ct-ink-0);
  --n-25: var(--ct-ink-25);
  --n-50: var(--ct-ink-50);
  --n-100: var(--ct-ink-75);
  --n-200: var(--ct-ink-150);
  --n-300: var(--ct-ink-300);
  --n-400: var(--ct-ink-400);
  --n-500: var(--ct-ink-450);
  --n-600: var(--ct-ink-500);
  --n-700: var(--ct-ink-700);
  --n-800: var(--ct-ink-700);
  --n-900: var(--ct-ink-900);
  --succes: var(--ct-ok-700);
  --succes-bg: var(--ct-ok-50);
  --succes-border: color-mix(in srgb, var(--ct-ok-500) 35%, transparent);
  --atentie: var(--ct-warn-700);
  --atentie-bg: var(--ct-warn-50);
  --atentie-border: color-mix(in srgb, var(--ct-warn-500) 40%, transparent);
  --eroare: var(--ct-crit-700);
  --eroare-bg: var(--ct-crit-50);
  --eroare-border: color-mix(in srgb, var(--ct-crit-500) 35%, transparent);
  --info: var(--ct-info-700);
  --info-bg: var(--ct-info-50);
  --info-border: color-mix(in srgb, var(--ct-info-500) 30%, transparent);
  --bg: var(--ct-page-bg);
  --suprafata: var(--ct-surface-card);
  --suprafata-2: var(--ct-surface-sunken);
  --bordura: var(--ct-c-hairline-strong);
  --bordura-tare: color-mix(in srgb, var(--ct-brand-navy) 58%, transparent);
  --bordura-tare-hover: color-mix(in srgb, var(--ct-brand-navy) 72%, transparent);
  --text: var(--ct-fg-1);
  --text-slab: var(--ct-fg-3);
  --text-sters: var(--ct-fg-4);
  --text-pe-intunecat: var(--ct-fg-on-accent);
  --actiune: var(--ct-accent);
  --actiune-hover: var(--ct-accent-hover);
  --accent: var(--caretta-rosu);
  --accent-hover: var(--rosu-600);
  --font: var(--ct-ff-ui);
  --font-titlu: var(--ct-ff-display);
  --font-cod: ui-monospace, 'Cascadia Code', 'SF Mono', Consolas, monospace;
  --t-12: 0.75rem;
  --t-13: 0.8125rem;
  --t-14: 0.875rem;
  --t-16: 1rem;
  --t-20: 1.25rem;
  --t-28: 1.75rem;
  --t-36: 2.25rem;
  --h-control: 48px;
  --h-control-mic: 44px;
  --tinta-min: 44px;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 20px;
  --s-6: 24px;
  --s-8: 32px;
  --s-10: 40px;
  --s-12: 48px;
  --r-sm: 4px;
  --r: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 999px;
  --umbra-lipita: var(--ct-shadow-card);
  --umbra-plutitor: var(--ct-shadow-raised);
  --umbra-modal: var(--ct-shadow-modal);
  --focus: 0 0 0 2px var(--ct-surface-card), 0 0 0 4px var(--ct-border-focus);
  --latime-continut: 1080px;
  --sigur-sus: env(safe-area-inset-top, 0px);
  --sigur-jos: env(safe-area-inset-bottom, 0px);
  --sigur-stanga: env(safe-area-inset-left, 0px);
  --sigur-dreapta: env(safe-area-inset-right, 0px);
}
:root {
  --t-xs: var(--t-12);
  --t-sm: var(--t-13);
  --t-base: var(--t-16);
  --t-md: var(--t-16);
  --t-lg: var(--t-20);
  --t-xl: var(--t-28);
  --t-2xl: var(--t-36);
  --font-mono: var(--font-cod);
  --umbra-1: var(--umbra-lipita);
  --umbra-2: var(--umbra-plutitor);
  --umbra-3: var(--umbra-modal);
}
:root[data-theme="dark"] {
  --bordura-tare: color-mix(in srgb, var(--ct-fg-on-brand) 36%, transparent);
  --bordura-tare-hover: color-mix(in srgb, var(--ct-fg-on-brand) 50%, transparent);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bordura-tare: color-mix(in srgb, var(--ct-fg-on-brand) 36%, transparent);
    --bordura-tare-hover: color-mix(in srgb, var(--ct-fg-on-brand) 50%, transparent);
  }
}
@media print {
  :root:not([data-theme]),
  :root[data-theme="dark"] {
    --bordura-tare: color-mix(in srgb, var(--ct-brand-navy) 58%, transparent);
    --bordura-tare-hover: color-mix(in srgb, var(--ct-brand-navy) 72%, transparent);
  }
}
@media (min-width: 860px) and (pointer: fine) {
  :root {
    --h-control: 40px;
    --h-control-mic: 32px;
  }
}