/* Hagoe unified light-first tokens. Existing logo geometry is unchanged. */
:root {
  /* Brand */
  --hagoe-accent-cyan: #00CBEA;
  --hagoe-petrol: #07535F;
  --hagoe-tint-cyan: #CDF4FD;
  --hagoe-accent-teal: #00B99A;
  --hagoe-teal-deep: #005C52;
  --hagoe-tint-teal: #CDF7EA;
  --hagoe-accent-citrine: #E6DC3A;
  --hagoe-tint-citrine: #F8F2B7;
  --hagoe-logo-ink: #17282E;
  /* Surfaces */
  --hagoe-page: #FFFFFF;
  --hagoe-card: #FFFFFF;
  --hagoe-surface-neutral: #F6F8F9;
  --hagoe-preview-notice: #F3F4F6;
  --hagoe-divider: #E8EEF0;
  /* Text */
  --hagoe-text-main: #17282E;
  --hagoe-text-muted: #4A5960;
  --hagoe-text-on-accent: #17282E;
  --hagoe-link: #07535F;
  --hagoe-link-hover: #064650;
  /* Actions */
  --hagoe-action: #07535F;
  --hagoe-action-hover: #064650;
  --hagoe-action-pressed: #043C45;
  --hagoe-action-label: #FFFFFF;
  --hagoe-secondary-fill: #FFFFFF;
  --hagoe-secondary-hover: #F6F8F9;
  --hagoe-secondary-pressed: #CDF4FD;
  --hagoe-secondary-label: #07535F;
  --hagoe-secondary-border: #76838B;
  --hagoe-disabled-fill: #E8EEF0;
  --hagoe-disabled-label: #626B73;
  --hagoe-disabled-border: #76838B;
  /* Inputs */
  --hagoe-input-fill: #FFFFFF;
  --hagoe-input-text: #17282E;
  --hagoe-input-label: #4A5960;
  --hagoe-input-placeholder: #4A5960;
  --hagoe-input-border: #76838B;
  --hagoe-input-hover: #4A5960;
  --hagoe-input-focus: #07535F;
  --hagoe-input-error: #AF241C;
  --hagoe-input-error-text: #AF241C;
  --hagoe-input-error-surface: #FFF2F0;
  /* Focus and navigation */
  --hagoe-focus-ring: #07535F;
  --hagoe-focus-gap: #FFFFFF;
  --hagoe-nav-text: #4A5960;
  --hagoe-nav-hover: #F6F8F9;
  --hagoe-nav-active-text: #07535F;
  --hagoe-nav-active-bg: #CDF4FD;
  --hagoe-nav-active-indicator: #07535F;
  /* Shared states */
  --hagoe-success-text: #216E3C;
  --hagoe-success-bg: #EFF8F0;
  --hagoe-warning-text: #7A5400;
  --hagoe-warning-bg: #FFF7E4;
  --hagoe-failure-text: #AF241C;
  --hagoe-failure-bg: #FFF2F0;
  --hagoe-processing-text: #48515B;
  --hagoe-processing-bg: #F1F4F6;
  --hagoe-unavailable-text: #626B73;
  --hagoe-unavailable-bg: #F3F4F6;
  /* Focus geometry: preserve the white gap between control and ring. */
  --hagoe-focus-width: 2px;
  --hagoe-focus-offset: 2px;
}