/*
 * Semantic tokens — map primitives to intent (themes / rebrand swap these).
 * Load after tokens.css, before base.css when a page opts in.
 */

:root {
  --color-button-primary: var(--brand, var(--color-brand));
  --color-button-primary-end: var(--brand-deep, var(--color-brand-gradient-end));
  --color-button-secondary-border: var(--line, var(--color-line));
  --color-button-secondary-hover-bg: var(--bg-soft, var(--color-bg-subtle));

  --color-success-bg: rgba(34, 197, 94, 0.12);
  --color-danger-bg: rgba(220, 38, 38, 0.1);
  --color-card-border: var(--line, var(--color-line));
  --color-focus-ring-brand: rgba(249, 115, 22, 0.12);
  /*
   * User/orange workspaces: optionally set pages to --focus-ring: 0 0 0 4px var(--color-focus-ring-brand);
   */
}