/* crowder theme · tenant=afa · surface=site · rev=4 · kind=tokens */
@font-face {
  font-family: "Roboto Condensed";
  src: url("https://fonts.gstatic.com/s/robotocondensed/v31/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2") format("woff2");
  font-display: swap;
}

@layer tenant-site {
  :root {
    --primary: #98CEF0;
    --primary-hover: #76B6D6;
    --primary-press: #5B97C9;
    --primary-fg: #042240;
    --secondary: #FFFFFF;
    --secondary-hover: #F5F5FA;
    --secondary-press: #DADAE0;
    --secondary-fg: #042240;
    --accent: #BA9F6C;
    --accent-fg: #042240;
    --color-scheme: dark;
    --bg: #042240;
    --surface: #093756;
    --raised: #0E4468;
    --line: #204C92;
    --line-strong: #5B97C9;
    --scrim-opacity: 60%;
    --fg: #FFFFFF;
    --muted: #DADAE0;
    --subtle: #BABDBF;
    --success: #4ADE80;
    --success-fg: #042240;
    --warning: #FBBF24;
    --warning-fg: #042240;
    --danger: #FF8A80;
    --danger-fg: #042240;
    --level-0: #BABDBF;
    --level-1: #BABDBF;
    --level-2: #98CEF0;
    --level-3: #FFFFFF;
    --level-4: #DADAE0;
    --club-font-sans: "Inter Variable", system-ui, sans-serif;
    --club-font-display: var(--font-custom), system-ui, sans-serif;
    --club-font-mono: var(--font-custom), system-ui, sans-serif;
    --font-custom: Roboto Condensed;
    --font-size-base: 16px;
    --type-scale: 1.25;
    --weight-body: 400;
    --weight-heading: 900;
    --heading-tracking: 0.01em;
    --heading-transform: uppercase;
    --heading-color: #FFFFFF;
    --club-radius: 6px;
    --club-radius-lg: 14px;
    --border-width: 2px;
    --focus-ring-width: 2px;
    --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.30);
    --shadow-2: 0 10px 28px rgba(0, 0, 0, 0.35);
    --shadow-3: 0 22px 48px rgba(0, 0, 0, 0.45);
    --shadow-4: 0 12px 32px rgba(152, 206, 240, 0.35);
    --space-unit: 4px;
    --section-y: 96px;
    --container-max: 1200px;
    --page-image-size: cover;
    --page-image-repeat: no-repeat;
    --page-image-attachment: scroll;
    --page-image-opacity: 100%;
    --page-overlay: 0%;
    --btn-bg: #98CEF0;
    --btn-fg: #042240;
    --btn-border-color: #98CEF0;
    --btn-border-width: 0px;
    --btn-radius: 23px;
    --btn-height: 48px;
    --btn-padding-x: 28px;
    --btn-weight: 700;
    --btn-transform: uppercase;
    --btn-tracking: 0.06em;
    --btn-shadow: none;
    --card-bg: #093756;
    --card-border-color: #204C92;
    --card-border-width: 1px;
    --card-radius: 14px;
    --card-padding: 24px;
    --card-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    --header-bg: #042240;
    --header-fg: #FFFFFF;
    --header-border-color: #98CEF0;
    --header-height: 64px;
    --header-blur: 0px;
    --header-logo-height: 40px;
    --nav-bg: #093756;
    --nav-fg: #DADAE0;
    --nav-active-fg: #042240;
    --nav-active-bg: #98CEF0;
    --nav-indicator-height: 0px;
    --nav-indicator-radius: 9999px;
    --badge-radius: 9999px;
    --badge-weight: 700;
    --badge-transform: uppercase;
    --badge-tracking: 0.08em;
    --carnet-bg: #042240;
    --carnet-gradient: linear-gradient(160deg, #204C92 0%, #042240 55%, #021A33 100%);
    --carnet-overlay: 0%;
    --carnet-fg: #FFFFFF;
    --carnet-radius: 16px;
    --carnet-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
    --hero-align: left;
    --hero-min-height: 620px;
    --hero-overlay: 55%;
    --hero-title-color: #FFFFFF;
    --hero-content-max: 760px;
    --auth-align: center;
    --auth-card-max-width: 420px;
    --auth-card-bg: #093756;
    --auth-card-fg: #FFFFFF;
    --auth-card-border-color: #204C92;
    --auth-card-border-width: 1px;
    --auth-card-radius: 14px;
    --auth-card-padding: 32px;
    --auth-card-shadow: 0 22px 48px rgba(0, 0, 0, 0.45);
    --auth-card-blur: 0px;
    --auth-logo-height: 64px;
    --primary-tint: color-mix(in srgb, #98CEF0 14%, transparent);
    --primary-ring: color-mix(in srgb, #98CEF0 45%, transparent);
    --primary-text: #98CEF0;
    --scrim: color-mix(in srgb, #000 60%, transparent);
  }
}
