/*
 * SEMANTIC TOKENS — color-version-0
 *
 * References primitives generated by theme.json under --*
 * and -spacing-primitives-*
 *
 * Never use raw hex values here. Always reference a primitive variable.
 */

:root {

  /* ─── Backgrounds ─── */
  --background-neutral-light:          var(--neutrals-0);
  --background-neutral-light-hover:    var(--neutrals-200);
  --background-neutral-dark:           var(--neutrals-1000);
  --background-neutral-dark-hover:     var(--neutrals-800);
  --background-neutral-secondary:      var(--neutrals-500);
  --background-neutral-tertiary:       var(--neutrals-600);

  --background-brand-primary:          var(--brand-primary-default);
  --background-brand-primary-hover:    var(--brand-primary-tint);
  --background-brand-secondary:        var(--brand-secondary-default);
  --background-brand-secondary-hover:  var(--brand-secondary-tint);
  --background-brand-accent:           var(--brand-accent-default);
  --background-brand-accent-hover:     var(--brand-accent-tint);

  --background-positive-default:       var(--states-success-default);
  --background-positive-hover:         var(--states-success-light);
  --background-warning-default:        var(--states-warning-default);
  --background-warning-hover:          var(--states-warning-dark);
  --background-danger-default:         var(--states-danger-default);
  --background-danger-hover:           var(--states-danger-dark);
  --background-disabled-default:       var(--states-disabled-default);

  /* ─── Text ─── */
  --text-on-light-primary:             var(--neutrals-1000);
  --text-on-light-secondary:           var(--neutrals-600);
  --text-on-dark:                      var(--neutrals-0);
  --text-on-disabled:                  var(--neutrals-300);
  --text-disabled:                     var(--states-disabled-default);

  --text-brand-primary:                var(--brand-primary-default);
  --text-brand-secondary:              var(--brand-secondary-default);
  --text-brand-on-primary:             var(--neutrals-1000);
  --text-brand-on-secondary:           var(--neutrals-1000);
  --text-brand-on-accent:              var(--neutrals-1000);

  --text-positive-default:             var(--states-success-default);
  --text-positive-on:                  var(--neutrals-0);
  --text-warning-default:              var(--states-warning-default);
  --text-warning-on:                   var(--neutrals-1000);
  --text-danger-default:               var(--states-danger-default);
  --text-danger-on:                    var(--neutrals-0);

  /* ─── Borders ─── */
  --border-on-light:                   var(--neutrals-1000);
  --border-on-light-strong:            var(--neutrals-1000);
  --border-on-dark:                    var(--neutrals-0);
  --border-on-dark-strong:             var(--neutrals-100);

  --border-brand-primary:              var(--brand-primary-default);
  --border-brand-primary-hover:        var(--brand-primary-default);
  --border-brand-secondary:            var(--brand-secondary-default);
  --border-brand-secondary-hover:      var(--brand-secondary-default);

  --border-focus:                      var(--brand-primary-default);
  --border-warning:                    var(--states-warning-default);
  --border-danger:                     var(--states-danger-default);
  --border-positive:                   var(--states-success-default);
  --border-disabled:                  var(--states-disabled-default);

  /* ─── Icons ─── */
  --icon-primary:                      var(--brand-primary-default);
  --icon-secondary:                    var(--brand-secondary-default);
  --icon-on-light:                     var(--neutrals-1000);
  --icon-on-dark:                      var(--neutrals-0);
  --icon-positive:                     var(--states-success-default);
  --icon-warning:                      var(--states-warning-default);
  --icon-danger:                       var(--states-danger-default);
  --icon-disabled:                     var(--neutrals-200);

  /* Spacing */
  --space-section-block: var(--space-8); /* A Section's own top/bottom padding--space-section-inlineA Section's own left/right padding/gutter */

  /* ─── Effects ─── */
  --shadow-x:           1px;
  --shadow-y:           1px;
  --shadow-blur:        0px;
  --shadow-spread:      1px;
  --shadow-color:       var(--neutrals-1000);
  --overlay-opacity:    0;
  --overlay-color:      var(--neutrals-200);
}