/* crowder theme · tenant=afa · surface=site · rev=0 · kind=tokens */
@layer tenant-site {
  :root {
    --primary: #0E9CBE;
    --primary-hover: #12B0D4;
    --primary-press: #0B7F9B;
    --primary-text: #0A7089;
    --secondary: #12B89C;
    --secondary-hover: #17CFB0;
    --secondary-press: #0E9A83;
    --accent: #39587E;
    --color-scheme: light;
    --bg: #DEE7EA;
    --surface: #FFFFFF;
    --raised: #FFFFFF;
    --line: #C7D4D8;
    --line-strong: #6B8893;
    --scrim-opacity: 45%;
    --fg: #121A1C;
    --muted: #505C5D;
    --subtle: #5E696B;
    --success: #126F3B;
    --success-fg: #FFFFFF;
    --warning: #8A5507;
    --warning-fg: #FFFFFF;
    --danger: #B81E35;
    --danger-fg: #FFFFFF;
    --level-0: #5B6776;
    --level-1: #0967AA;
    --level-2: #1A7342;
    --level-3: #7426FF;
    --level-4: #8D5A06;
    --club-font-sans: "Inter Variable", system-ui, sans-serif;
    --club-font-display: "Inter Variable", system-ui, sans-serif;
    --club-font-mono: "JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;
    --font-size-base: 16px;
    --type-scale: 1.25;
    --weight-body: 500;
    --weight-heading: 600;
    --heading-tracking: -0.01em;
    --heading-transform: none;
    --club-radius: 12px;
    --club-radius-lg: 22px;
    --border-width: 1px;
    --focus-ring-width: 2px;
    --shadow-1: 0 1px 2px rgba(18, 26, 28, 0.06);
    --shadow-2: 0 8px 24px rgba(18, 26, 28, 0.08);
    --shadow-3: 0 24px 60px rgba(18, 26, 28, 0.12);
    --shadow-4: 0 12px 36px rgba(18, 26, 28, 0.14);
    --space-unit: 4px;
    --section-y: 72px;
    --container-max: 1140px;
    --page-image-size: cover;
    --page-image-repeat: no-repeat;
    --page-image-attachment: scroll;
    --page-image-opacity: 100%;
    --page-gradient: linear-gradient(180deg, #FFFFFF 0%, #DEE7EA 100%);
    --page-overlay: 0%;
    --btn-bg: #121A1C;
    --btn-fg: #FFFFFF;
    --btn-border-width: 0px;
    --btn-radius: 12px;
    --btn-height: 52px;
    --btn-padding-x: 28px;
    --btn-weight: 500;
    --btn-transform: none;
    --btn-tracking: 0;
    --btn-shadow: none;
    --card-bg: #FFFFFF;
    --card-border-color: #E4EBEE;
    --card-border-width: 1px;
    --card-radius: 22px;
    --card-padding: 24px;
    --card-shadow: 0 2px 10px rgba(18, 26, 28, 0.06);
    --header-bg: rgba(255, 255, 255, 0.78);
    --header-fg: #121A1C;
    --header-border-color: #DDE6E9;
    --header-height: 72px;
    --header-blur: 14px;
    --header-logo-height: 28px;
    --nav-bg: #FFFFFF;
    --nav-fg: #5E696B;
    --nav-active-fg: #0A7089;
    --nav-active-bg: rgba(14, 156, 190, 0.12);
    --nav-indicator-height: 0px;
    --nav-indicator-radius: 9999px;
    --badge-radius: 9999px;
    --badge-weight: 700;
    --badge-transform: uppercase;
    --badge-tracking: 0.06em;
    --carnet-gradient: linear-gradient(220deg, #30F9D2 0%, #07B9E4 100%);
    --carnet-overlay: 0%;
    --carnet-fg: #0B1516;
    --carnet-radius: 22px;
    --carnet-shadow: 0 24px 60px rgba(18, 26, 28, 0.16);
    --hero-align: left;
    --hero-min-height: 72vh;
    --hero-gradient: linear-gradient(180deg, rgba(48, 249, 210, 0.12) 0%, rgba(57, 88, 126, 0.18) 100%);
    --hero-overlay: 0%;
    --hero-title-color: #121A1C;
    --hero-content-max: 720px;
    --auth-align: center;
    --auth-card-max-width: 420px;
    --auth-card-border-width: 1px;
    --auth-card-padding: 24px;
    --auth-card-blur: 0px;
    --auth-logo-height: 44px;
    --primary-fg: #000000;
    --primary-tint: color-mix(in srgb, #0E9CBE 14%, transparent);
    --primary-ring: color-mix(in srgb, #0E9CBE 45%, transparent);
    --secondary-fg: #0B0F17;
    --accent-fg: #FFFFFF;
    --scrim: color-mix(in srgb, #000 45%, transparent);
  }
}
