/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --humaneyes-color-brand-white: #ffffff; /** White. Use as a neutral background when Cream is not appropriate. White text is established on Night blue and Forest green; avoid White text on Emerald, Sky blue, Sunny yellow, Cream, and Electric orange for important copy. */
  --humaneyes-color-brand-cream: #fdfbf9; /** Cream. The default spacious light background. Cream text is established on Night blue and Forest green. */
  --humaneyes-color-brand-night-blue: #0e2546; /** Night blue. The default HumanEyes text color and primary strong dark background. It is established as readable on Cream, Sky blue, Sunny yellow, Emerald, and Electric orange. At 80% opacity it is established for secondary text. */
  --humaneyes-color-brand-emerald: #62cb9f; /** Emerald. The primary fresh accent for key brand moments, positive emphasis, icons, and anchors. At 30% opacity it forms a soft content surface. */
  --humaneyes-color-brand-sky-blue: #c9e4f7; /** Sky blue. A calm color for sections, explanation blocks, diagrams, and supportive panels. At 40% or 50% opacity it forms a soft content surface. */
  --humaneyes-color-brand-sunny-yellow: #fbe9bd; /** Sunny yellow. A warm optimistic background for insights, prompts, notes, and inviting emphasis. At 30% or 60% opacity it forms a soft content surface. */
  --humaneyes-color-brand-electric-orange: #fe7147; /** Electric orange. A deliberately scarce energetic accent for calls to action, alerts, key moments, highlights, and directional cues. Avoid large-area use, White important copy, and normal-size Forest green text on it. */
  --humaneyes-color-brand-forest-green: #054439; /** Forest green. A deep grounding color for dark sections, expert tone, premium contrast, and warmth. It is established as readable on Cream, Sky blue, Sunny yellow, and Emerald. Avoid normal-size Forest green text on Electric orange. */
  --humaneyes-color-brand-black: #000000; /** Black. A neutral normalized source color for recolorable imported scribbles. Do not use it as default HumanEyes text; prefer Night blue. */
  --humaneyes-spacing-grid-unit: 8px; /** The canonical 1U grid unit. */
  --humaneyes-spacing-relationship-connected-elements: 8px; /** 1U, strongly connected. Use when elements should read as one component, for example an icon and card title, card title and body, image and caption, label and associated text, number and short explanation, title and badge or status, elements inside a compact component, or elements inside a button, tag, or navigation item. */
  --humaneyes-spacing-relationship-same-content-cluster: 16px; /** 2U, same content cluster. Use between distinct functions that clearly belong to the same topic, for example hero and page title, page title and introduction or subtitle, section title and body text, adjacent body paragraphs, cards within one card group, items in a list or step sequence, internal blocks within a card, title and supporting visual, or parts of one content story. This is the default within a section when uncertain. */
  --humaneyes-spacing-relationship-new-sub-block: 24px; /** 3U, new sub-block. Use when a different kind of content begins inside the same larger section, for example metadata and hero or page title, page title and body without an introduction, introduction and first content block, section title and card, image, or diagram, body and card, callout, or image, image and next content block, image and adjacent text column, separate non-grouped cards, default padding in a spacious card, or explanation and example. */
  --humaneyes-spacing-relationship-new-section: 32px; /** 4U, new section. Use for a new content section, for example body text and a new section title, card and next section, image or diagram and next section, card groups with different subjects, introduction block and main content, larger content zones, problem statement and recommendations, or observations and conclusions. This is the default between sections when uncertain. */
  --humaneyes-spacing-relationship-large-section-jump: 48px; /** 6U, major section break. Reserve for clear transitions such as header or hero and main content, major chapters, a clear subject change, space around an important statement, main content and a closing call to action, analysis and recommendations, or explanation and conclusion. */
  --humaneyes-spacing-relationship-new-page-zone: 64px; /** 8U, new page zone. Use exceptionally when two parts should feel almost like separate pages or chapters, for example strongly separated analysis and recommendations, content and conclusion, independent page zones, deliberately generous whitespace, main story and closing section, or an intentionally isolated element. */
  --humaneyes-spacing-exception-title-meta-gap: 4px; /** The established half-U gap between title and metadata. This is an intentional exception to the whole-U grid. */
  --humaneyes-typography-font-family-brand: 'HumanEyes GT Walsheim', Arial, sans-serif; /** Use the HumanEyes face when available, falling back to Arial and then the generic sans-serif family. */
  --humaneyes-typography-font-weight-regular: 400; /** Default HumanEyes font weight for body copy, labels, metadata, and general interface text. */
  --humaneyes-typography-font-weight-bold: 700; /** HumanEyes strong font weight for headings and deliberate emphasis. */
  --humaneyes-typography-font-size-document-hero: 36px; /** Hero text size for A4 document layouts. */
  --humaneyes-typography-font-size-document-title: 26px; /** Page or primary title size for A4 document layouts. */
  --humaneyes-typography-font-size-document-subtitle: 16px; /** Subtitle size for A4 document layouts. */
  --humaneyes-typography-font-size-document-section-title: 14px; /** Section title size for A4 document layouts. */
  --humaneyes-typography-font-size-document-card-title: 12px; /** Card title size for A4 document layouts. */
  --humaneyes-typography-font-size-document-body: 11px; /** Body copy size for A4 document layouts. */
  --humaneyes-typography-font-size-document-meta: 10px; /** Metadata size for A4 document layouts. */
  --humaneyes-color-background-default: var(--humaneyes-color-brand-cream); /** Default spacious light background. */
  --humaneyes-color-background-neutral: var(--humaneyes-color-brand-white); /** Neutral alternative when Cream is inappropriate. */
  --humaneyes-color-text-primary: var(--humaneyes-color-brand-night-blue); /** Default HumanEyes text. */
  --humaneyes-color-text-secondary-dark: var(--humaneyes-color-brand-forest-green); /** Secondary dark text where its established contrast relationships permit. */
  --humaneyes-color-accent-primary: var(--humaneyes-color-brand-emerald); /** Primary fresh accent. */
  --humaneyes-color-accent-energetic: var(--humaneyes-color-brand-electric-orange); /** Scarce, strong energetic accent. */
  --humaneyes-color-surface-contrast-primary: var(--humaneyes-color-brand-night-blue); /** Primary strong dark surface. */
  --humaneyes-color-surface-contrast-secondary: var(--humaneyes-color-brand-forest-green); /** Grounded alternative dark surface. */
  --humaneyes-color-surface-soft-calm: var(--humaneyes-color-brand-sky-blue); /** Calm supportive surface foundation; use established opacity guidance where applicable. */
  --humaneyes-color-surface-soft-warm: var(--humaneyes-color-brand-sunny-yellow); /** Warm supportive surface foundation; use established opacity guidance where applicable. */
  --humaneyes-typography-text-style-body-font-size: var(--humaneyes-typography-font-size-document-body);
  --humaneyes-typography-text-style-body-font-weight: var(--humaneyes-typography-font-weight-regular);
  --humaneyes-typography-text-style-body-strong-font-size: var(--humaneyes-typography-font-size-document-body);
  --humaneyes-typography-text-style-body-strong-font-weight: var(--humaneyes-typography-font-weight-bold);
  --humaneyes-typography-text-style-meta-font-size: var(--humaneyes-typography-font-size-document-meta);
  --humaneyes-typography-text-style-meta-font-weight: var(--humaneyes-typography-font-weight-regular);
  --humaneyes-typography-text-style-card-title-strong-font-size: var(--humaneyes-typography-font-size-document-card-title);
  --humaneyes-typography-text-style-card-title-strong-font-weight: var(--humaneyes-typography-font-weight-bold);
}