@font-face {
  font-family: "Manrope";
  src: url("fonts/manrope.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

:root {
    --background: #FBFCFC;
  --foreground: #0A141B;
  --card: #FFFFFF;
  --primary: #0E4C5A;              --primary-foreground: #FAFBF8;
  --secondary: #F1F4F5;
  --muted-foreground: #4F5E67;
  --accent: #E9EFF0;               --border: #DFE5E8;
  --input: #829093;                --ring: #0E4C5A;
  --link: #0B5E6B;                 --sun: #E8B04A;                  --status-reserved: #CFDBDE;
  --deep: #08343F;                 --deep-foreground: #F2F5F1;
  --deep-muted: #A3BEC3;
  --deep-border: #1F5664;
  --deep-accent: #8FD0D8;          --terracotta: #C2603F;           --shade-rgb: 8 52 63;          
    --font: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --t-12: 0.75rem;  --l-12: 1rem;
  --t-14: 0.875rem; --l-14: 1.25rem;
  --t-16: 1rem;     --l-16: 1.5rem;
  --t-18: 1.125rem; --l-18: 1.75rem;
  --t-20: 1.25rem;  --l-20: 1.75rem;
  --t-24: 1.5rem;   --l-24: 2rem;
  --t-30: 1.875rem; --l-30: 2.25rem;
  --t-38: 2.375rem;
  --t-48: 3rem;
  --t-60: 3.75rem;

    --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-12: 48px; --s-16: 64px;

    --radius: 2px;
  --radius-md: 1.6px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 180ms;

    --head: 64px;
  --edge: 16px;
  --page-max: 1200px;
}

@media (min-width: 760px) { :root { --edge: 48px; } }
@media (min-width: 1600px) { :root { --page-max: 1440px; } }