/* Light theme — the default. Semantic aliases only.
   Product code and MudBlazor palette entries bind to these names. */
:root{
  --color-scheme:light;

  /* Brand roles */
  --color-primary:var(--nb-cobalt-600);
  --color-primary-hover:var(--nb-cobalt-700);
  --color-primary-active:var(--nb-cobalt-800);
  --color-primary-container:var(--nb-cobalt-50);
  --color-primary-container-border:var(--nb-cobalt-200);
  --color-on-primary:#FFFFFF;
  --color-on-primary-container:var(--nb-cobalt-800);

  --color-secondary:var(--nb-teal-500);
  --color-secondary-hover:var(--nb-teal-600);
  --color-secondary-container:var(--nb-teal-50);
  --color-on-secondary:#FFFFFF;
  --color-on-secondary-container:var(--nb-teal-800);

  --color-tertiary:var(--nb-berry-500);
  --color-tertiary-hover:var(--nb-berry-600);
  --color-tertiary-container:var(--nb-berry-50);
  --color-on-tertiary:#FFFFFF;
  --color-on-tertiary-container:var(--nb-berry-800);

  /* Status */
  --color-info:var(--nb-info-500);
  --color-info-container:var(--nb-info-50);
  --color-on-info-container:var(--nb-info-700);
  --color-success:var(--nb-success-500);
  --color-success-container:var(--nb-success-50);
  --color-on-success-container:var(--nb-success-700);
  --color-warning:var(--nb-warning-500);
  --color-warning-container:var(--nb-warning-50);
  --color-on-warning-container:var(--nb-warning-700);
  --color-error:var(--nb-error-500);
  --color-error-container:var(--nb-error-50);
  --color-on-error-container:var(--nb-error-700);

  /* Surfaces */
  --color-background:var(--nb-grey-50);
  --color-surface:var(--nb-grey-0);
  --color-surface-variant:var(--nb-grey-100);
  --color-surface-sunken:var(--nb-grey-100);
  --color-surface-inverse:var(--nb-grey-900);
  --color-scrim:rgba(18,21,26,.48);
  --color-overlay-nav:var(--nb-grey-0);

  /* Text */
  --color-text-primary:var(--nb-grey-900);
  --color-text-secondary:var(--nb-grey-600);
  --color-text-tertiary:var(--nb-grey-500);
  --color-text-disabled:var(--nb-grey-400);
  --color-text-inverse:var(--nb-grey-50);
  --color-text-link:var(--nb-cobalt-700);
  --color-text-link-hover:var(--nb-cobalt-800);

  /* Lines */
  --color-border:var(--nb-grey-200);
  --color-border-strong:var(--nb-grey-300);
  --color-border-subtle:var(--nb-grey-100);
  --color-divider:var(--nb-grey-200);

  /* Interaction states — overlays composited over any surface */
  --state-hover:rgba(37,73,214,.06);
  --state-active:rgba(37,73,214,.12);
  --state-selected:rgba(37,73,214,.09);
  --state-selected-strong:var(--nb-cobalt-100);
  --state-focus-ring:var(--nb-cobalt-500);
  --state-focus-ring-offset:var(--nb-grey-0);
  --state-disabled-surface:var(--nb-grey-100);
  --state-disabled-border:var(--nb-grey-200);
  --state-neutral-hover:rgba(18,21,26,.05);

  --focus-ring:0 0 0 2px var(--state-focus-ring-offset),0 0 0 4px color-mix(in oklab,var(--state-focus-ring) 55%,transparent);
}