/* GENERATED from brand/identity.json. Edit the master, not this file. */
:root {
  --casa-font-sans:"Casa Noto Sans",system-ui,sans-serif;
  --casa-white:#ffffff;
  --casa-blue:#075bc7;
  --casa-deep-blue:#18334b;
  --casa-sea-mist:#f0f7ff;
  --casa-muted:#526779;
  --casa-rule:#d5e3ef;
  --casa-thyme:#425b46;
  --casa-olive-mist:#eef2e9;
  --casa-terracotta:#a14d32;
  --casa-sand:#f4eddf;
  --casa-color-canvas:var(--casa-white);
  --casa-color-surface:var(--casa-sea-mist);
  --casa-color-text:var(--casa-deep-blue);
  --casa-color-text-secondary:var(--casa-muted);
  --casa-color-link:var(--casa-blue);
  --casa-color-focus:var(--casa-blue);
  --casa-color-line:var(--casa-rule);
  --casa-type-body-size:1rem;
  --casa-type-body-leading:1.6;
  --casa-type-body-weight:400;
  --casa-type-reading-size:1.0625rem;
  --casa-type-reading-leading:1.7;
  --casa-type-reading-weight:400;
  --casa-type-title-size:clamp(2.125rem, 3.7vw, 3rem);
  --casa-type-title-leading:1.16;
  --casa-type-title-weight:500;
  --casa-type-section-size:clamp(1.625rem, 2.4vw, 1.875rem);
  --casa-type-section-leading:1.25;
  --casa-type-section-weight:500;
  --casa-type-card-size:1.375rem;
  --casa-type-card-leading:1.3;
  --casa-type-card-weight:500;
  --casa-type-lead-size:1.125rem;
  --casa-type-lead-leading:1.6;
  --casa-type-lead-weight:400;
  --casa-type-ui-size:0.875rem;
  --casa-type-ui-leading:1.5;
  --casa-type-ui-weight:500;
  --casa-type-caption-size:0.8125rem;
  --casa-type-caption-leading:1.5;
  --casa-type-caption-weight:400;
  --casa-type-label-size:0.75rem;
  --casa-type-label-leading:1.5;
  --casa-type-label-weight:600;
  --casa-space-1:0.25rem;
  --casa-space-2:0.5rem;
  --casa-space-3:0.75rem;
  --casa-space-4:1rem;
  --casa-space-5:1.25rem;
  --casa-space-6:1.5rem;
  --casa-space-8:2rem;
  --casa-space-10:2.5rem;
  --casa-space-12:3rem;
  --casa-layout-page-width:82rem;
  --casa-layout-reading-width:44rem;
  --casa-layout-page-gutter:clamp(1rem, 4vw, 3rem);
  --casa-layout-section-gap:2.5rem;
  --casa-layout-control-height:2.75rem;
  --casa-layout-radius:0.25rem;
}

.brand-reference{max-width:var(--casa-layout-reading-width);padding-bottom:var(--casa-space-10)}
.brand-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--casa-space-4);margin:var(--casa-space-6) 0}
.brand-swatch{border:1px solid var(--casa-rule);padding:var(--casa-space-3);display:grid;gap:var(--casa-space-2);background:var(--casa-white);color:var(--casa-deep-blue);min-width:0}
.brand-swatch>span{height:4rem;border:1px solid var(--casa-rule)}
.brand-swatch strong{font:var(--casa-type-ui-weight) var(--casa-type-ui-size)/var(--casa-type-ui-leading) var(--casa-font-sans)}
.brand-swatch code{font:var(--casa-type-caption-size) monospace;color:var(--casa-muted)}
.brand-specimen{background:var(--casa-blue);color:var(--casa-white);padding:var(--casa-space-8);display:grid;gap:var(--casa-space-3);margin:var(--casa-space-6) 0}
.brand-specimen>strong{font:500 var(--casa-type-title-size)/var(--casa-type-title-leading) var(--casa-font-sans);letter-spacing:-.025em}
.brand-specimen>small{font:var(--casa-type-caption-size)/1.5 var(--casa-font-sans)}
.brand-type{font:500 var(--casa-type-section-size)/1.3 var(--casa-font-sans)!important;color:var(--casa-blue)!important}
@media(max-width:650px){.brand-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-specimen{padding:var(--casa-space-5)}}