/* GENERATED by scripts/generate-tone-scope.js from core/tokens.css -- do not
   edit by hand; run `node scripts/generate-tone-scope.js --write`.
   .lib-tone--dark: a local dark canvas. Page-context tokens resolve to the
   brand dark identity; every derived token is re-declared so it re-resolves
   inside the scope. Text uses the brand inverse color (pure white body text,
   Web_Build_System text LAW). Brand identity tokens are untouched. */
.lib-tone--dark {
  --lib-color-surface: var(--lib-color-deep);
  --lib-color-panel: color-mix(in srgb, var(--lib-color-inverse) 8%, var(--lib-color-deep));
  --lib-color-panel-soft: var(--lib-color-deep);
  --lib-color-ink: var(--lib-color-inverse);
  --lib-color-muted: var(--lib-color-inverse);
  --lib-color-subtle: color-mix(in srgb, var(--lib-color-inverse) 70%, transparent);
  --lib-color-border: color-mix(in srgb, var(--lib-color-inverse) 16%, transparent);

  --lib-hero-attached-foreground: var(--lib-color-ink);
  --lib-color-surface-card: var(--lib-color-panel);
  --lib-gradient-hero-media-scrim: linear-gradient( 180deg, color-mix(in srgb, var(--lib-color-surface) 96%, transparent) 0%, color-mix(in srgb, var(--lib-color-surface) 85%, transparent) 45%, color-mix(in srgb, var(--lib-color-surface) 90%, transparent) 100% );
  --lib-gradient-media-scrim: linear-gradient( 180deg, color-mix(in srgb, var(--lib-color-surface) 60%, transparent) 0%, color-mix(in srgb, var(--lib-color-surface) 50%, transparent) 45%, color-mix(in srgb, var(--lib-color-surface) 55%, transparent) 100% );
  --lib-surface-page: var(--lib-color-surface);
  --lib-surface-section: var(--lib-color-panel-soft);
  --lib-surface-card: var(--lib-color-surface-card);
  --lib-surface-elevated: var(--lib-color-panel);
  --lib-text-primary: var(--lib-color-ink);
  --lib-text-secondary: var(--lib-color-muted);
  --lib-text-muted: var(--lib-color-subtle);
  --lib-text-on-secondary: var(--lib-color-ink);
  --lib-border-default: var(--lib-color-border);
  --lib-surface-brand-secondary: var(--lib-color-panel-soft);
  --lib-surface-brand-secondary-soft: color-mix(in srgb, var(--lib-color-panel-soft) 14%, white);
  --lib-text-secondary-brand: var(--lib-color-ink);
  color: var(--lib-text-primary);
}
