/* SUPERSONIC — confirmed source values. Source keys and conflicts: DESIGN_SYSTEM.md.
   Load before base.css and components.css. Font files are loaded locally by base.css; no remote asset requests. */
:root {
  --deep: #000000;
  --bg: #fbfaf2;
  --bg-alt: #f2f6fc;
  --bg-dark: #373737;
  --text-dark: #1a1a1a;
  --text: #373737;
  --text-negativ: #fbfaf2;
  --border: rgba(26,26,26,0.12);
  --accent: #f04344;
  --accent-dark: #b33232;
}

html[data-theme="dark"] {
  --deep: #ffffff;
  --bg: #373737;
  --bg-alt: #1a1a1a;
  --bg-dark: #fbfaf2;
  --text: #fbfaf2;
  --text-dark: #f2f6fc;
  --text-negativ: #373737;
  --border: rgba(251,250,242,0.14);
  --accent: #f04344;
  --accent-dark: #b33232;
}

/* Event component tokens (E:1–32); intentionally NOT aliases of theme tokens. */
:root {
    --sse-bg: #fbfaf2;
    --sse-bg-alt: #efece2;
    --sse-panel: rgba(251, 250, 242, 0.92);
    --sse-panel-soft: rgba(239, 236, 226, 0.72);
    --sse-text: #1a1a1a;
    --sse-text-soft: rgba(26, 26, 26, 0.72);
    --sse-border: rgba(26, 26, 26, 0.12);
    --sse-accent: #f04344;
    --sse-accent-dark: #b33232;
    --sse-shadow: 0 20px 60px rgba(0, 0, 0, 0.16);
    --sse-radius-xl: 28px;
    --sse-radius-lg: 22px;
    --sse-radius-md: 18px;
    --sse-max: 1180px;
}

html[data-theme="dark"] {
    --sse-bg: #373737;
    --sse-bg-alt: #1f1f1f;
    --sse-panel: rgba(26, 26, 26, 0.9);
    --sse-panel-soft: rgba(55, 55, 55, 0.72);
    --sse-text: #fbfaf2;
    --sse-text-soft: rgba(251, 250, 242, 0.72);
    --sse-border: rgba(251, 250, 242, 0.14);
    --sse-shadow: 0 20px 60px rgba(0, 0, 0, 0.32);
}


/* Corporate Inter takes precedence over M typography; M H1 metrics remain. See DESIGN_SYSTEM.md. */
:root {
  --child-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --child-font-size-body: clamp(17px, 2vw, 21px);
  --child-font-size-h1: clamp(40px, 7vw, 78px);
  --child-line-height-h1: .97;
  --child-tracking-h1: -.05em;
  --child-bg-alt: #efece2;
  --font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; /* Corporate font; system fonts are technical fallbacks only. */
  --font-size-body: 1rem; /* M: browser default; source has no body size override. */
  --font-size-h1: clamp(3rem, 8vw, 7rem);
  --font-size-h2: clamp(40px, 7vw, 78px);
  --font-size-h3: clamp(28px, 4vw, 46px);
  --font-size-h4: clamp(18px, 4vw, 22px);
  --font-weight-heading: 900;
  --line-height-h1: .92;
  --line-height-h2: 1.02;
  --tracking-h1: -.06em;
  --tracking-h2: -.04em;
  --tracking-h3-h4: -.03em;
  --paragraph-margin: 40px;
  --card-radius: 22px;
  --card-padding: 24px;
  --card-shadow: 0 16px 38px rgba(0,0,0,.10);
  --pill-radius: 999px;
  --button-shadow: 0 10px 28px rgba(0,0,0,.30), inset 0 0 0 rgba(255,255,255,.1);
  --body-background:
    radial-gradient(circle at 15% 20%, rgba(240,67,68,.12), transparent 0 35%),
    radial-gradient(circle at 85% 80%, rgba(240,67,68,.10), transparent 0 30%),
    linear-gradient(135deg, var(--bg) 0%, var(--bg-alt) 100%);
  /* D: inherited metrics retained for continuity; not project brand decisions. */
  --inherited-body-line-height: 1.7;
  --inherited-body-weight: 500;
  --inherited-heading-line-height: 1;
  --inherited-heading-padding: 10px;
  --inherited-paragraph-padding: 1em;
  --inherited-container-width: 80%;
  /* G: generated Customizer setting, historical; explicit opt-in container. */
  --layout-max-cache: 1320px;
  --layout-max-boxed-cache: 1480px;
}

/* M = mentenance/css/madferit-styles.css. Preferred promo reference.
   C/E values above remain component-specific or explicitly historical. */
:root {
  --shadow: 0 20px 60px rgba(0,0,0,.18);
  --promo-max: 1120px;
  --promo-page-padding: 32px;
  --promo-page-padding-mobile: 18px;
  --promo-gap: 32px;
  --promo-radius: 28px;
  --promo-min-height: 560px;
  --promo-panel-padding: clamp(28px, 4vw, 56px);
  --promo-title-weight: 700; /* M: h1 UA bold, no author font-weight override. */
  --promo-subtitle-size: clamp(1rem, 2vw, 1.2rem);
  --promo-subtitle-max: 34rem;
  --promo-button-height: 54px;
}
html[data-theme="dark"] {
  --shadow: 0 20px 60px rgba(0,0,0,.35);
  --child-bg-alt: #1a1a1a;
}
/* Explicit compatibility profile: preserves former default values without hiding conflicts. */
html[data-design="child"] {
  --bg-alt: var(--child-bg-alt);
  --font-family: var(--child-font-family);
  --font-size-body: var(--child-font-size-body);
  --font-size-h1: var(--child-font-size-h1);
  --line-height-h1: var(--child-line-height-h1);
  --tracking-h1: var(--child-tracking-h1);
}