@charset "UTF-8";
/* Corporate public UI only. Provisional palette; logo artwork is outside this theme. */
:root {
  --brand-background-light: #F7F7F5;
  --brand-background-dark: #121316;
  --brand-text-dark: #121316;
  --brand-text-light: #FFFFFF;
  --brand-border: #E8E8E6;
  --brand-text-muted: #92949B;
  --brand-accent: var(--brand-text-dark);
  --brand-accent-inverse: var(--brand-text-light);
  /* Use readable secondary copy on light backgrounds, rather than decorative muted. */
  --brand-text-secondary: #62646C;
  --brand-surface-light: #EDEDEB;
  --brand-surface-dark: #1C1D21;
  --brand-hover-light: #E2E2DF;
  --brand-hover-dark: #26272C;
  --brand-border-strong: #777981;
  --brand-border-dark: #37383E;
  --brand-disabled-background: var(--brand-surface-light);
  --brand-disabled-text: var(--brand-text-secondary);
  /* Existing text identifier colors, preserved from the previous site. */
  --existing-wordmark-on-light: #292723;
  --existing-wordmark-on-dark: #F6F0E6;
  --brand-shadow: color-mix(in srgb, var(--brand-background-dark) 9%, transparent);
}
:root, [data-theme="light"] {
  color-scheme: light;
  --wordmark-color: var(--existing-wordmark-on-light);
  --section-background: var(--brand-background-light);
  --section-text: var(--brand-text-dark);
  --section-secondary: var(--brand-text-secondary);
  --section-muted: var(--brand-text-muted);
  --section-border: var(--brand-border);
  --section-surface: var(--brand-surface-light);
  --section-hover: var(--brand-hover-light);
  --section-accent: var(--brand-accent);
  --button-background: var(--brand-accent);
  --button-text: var(--brand-text-light);
  --button-hover: var(--brand-hover-dark);
  --focus-color: var(--brand-accent);
  --focus-ring-soft: color-mix(in srgb, var(--brand-accent) 18%, transparent);
  --interactive-border: var(--brand-border-strong);
  --input-background: var(--brand-background-light);
}
[data-theme="dark"] {
  color-scheme: dark;
  --wordmark-color: var(--existing-wordmark-on-dark);
  --section-background: var(--brand-background-dark);
  --section-text: var(--brand-text-light);
  --section-secondary: var(--brand-text-muted);
  --section-muted: var(--brand-text-muted);
  --section-border: var(--brand-border-dark);
  --section-surface: var(--brand-surface-dark);
  --section-hover: var(--brand-hover-dark);
  --section-accent: var(--brand-accent-inverse);
  --button-background: var(--brand-accent-inverse);
  --button-text: var(--brand-text-dark);
  --button-hover: var(--brand-hover-light);
  --focus-color: var(--brand-accent-inverse);
  --focus-ring-soft: color-mix(in srgb, var(--brand-accent-inverse) 22%, transparent);
}