/* ============================================================
   NUKON USA — SEMANTIC ALIASES
   Components reference ONLY these names, never raw brand values.
   .on-dark scopes a cinematic hero or product scene; it must always
   resolve back to a white section.
   ============================================================ */
:root {
  /* surfaces */
  --surface-page:     var(--nukon-white);
  --surface-section:  var(--nukon-surface);
  --surface-section-2:var(--nukon-surface-2);
  --surface-card:     var(--nukon-white);
  --surface-card-alt: var(--nukon-surface);
  --surface-inverse:  var(--nukon-charcoal);
  --surface-panel:    var(--nukon-graphite);
  --surface-accent:   var(--nukon-orange-wash);
  --surface-disabled: var(--nukon-surface-2);

  /* text */
  --text-primary:   var(--nukon-ink);
  --text-secondary: var(--nukon-gray);
  --text-tertiary:  var(--nukon-ink-2);
  --text-muted:     var(--nukon-gray-2);
  --text-inverse:   var(--nukon-white);
  --text-inverse-2: rgba(255,255,255,.68);
  --text-accent:    var(--nukon-orange-text);
  --text-link:      var(--nukon-orange-text);
  --text-link-hover:var(--nukon-orange-text-strong);
  --text-disabled:  var(--nukon-gray-2);

  /* borders */
  --border-subtle:  var(--nukon-line);
  --border-default: var(--nukon-line-strong);
  --border-dark:    var(--nukon-panel-line);

  /* actions — tier 1: large CTAs, label >= 19px bold */
  --action-lg-bg:        var(--nukon-orange);
  --action-lg-bg-hover:  var(--nukon-orange-deep);
  --action-lg-bg-active: var(--nukon-orange-active);
  --action-lg-text:      var(--nukon-white);

  /* actions — tier 2: compact and small solid buttons */
  --action-bg:        var(--nukon-orange-action);
  --action-bg-hover:  var(--nukon-orange-action-hover);
  --action-bg-active: var(--nukon-orange-action-active);
  --action-text:      var(--nukon-white);

  /* legacy names, still resolving */
  --action-primary-bg:       var(--action-lg-bg);
  --action-primary-bg-hover: var(--action-lg-bg-hover);
  --action-primary-text:     var(--action-lg-text);
  --action-primary-bg-aa:    var(--action-bg);

  /* secondary */
  --action-secondary-border-hover: var(--nukon-gray-2);
  --action-secondary-tint:         var(--nukon-surface);
  --action-secondary-bg:     transparent;
  --action-secondary-text:   var(--nukon-ink);
  --action-secondary-border: var(--nukon-line);
  --action-ghost-hover-bg:   var(--nukon-surface);
  --action-inverse-bg:       var(--nukon-white);
  --action-inverse-text:     var(--nukon-ink);

  /* data */
  /* Display numerals only, >= 24px at weight 700+. On #FFFFFF (3.15:1) or a
     charcoal scene (5.63:1) — never on --surface-section, which drops to 2.94:1. */
  --data-value:    var(--nukon-orange);
  --text-success:  var(--signal-success-text);
  --text-warning:  var(--signal-warning-text);
  --text-danger:   var(--signal-danger-text);
  --data-label:    var(--nukon-gray);
  --table-zebra:   var(--nukon-surface);
  --table-border:  var(--nukon-line);
}

.on-dark, .nk-scene {
  --surface-page:     var(--nukon-charcoal);
  --surface-section:  var(--nukon-charcoal);
  --surface-card:     var(--nukon-panel);
  --surface-card-alt: var(--nukon-graphite);
  --text-primary:     var(--nukon-white);
  --text-secondary:   rgba(255,255,255,.68);
  --text-tertiary:    rgba(255,255,255,.55);
  --text-muted:       rgba(255,255,255,.42);
  --border-subtle:    var(--nukon-panel-line);
  --border-default:   #3E444D;
  --action-secondary-text:   var(--nukon-white);
  --action-secondary-border: rgba(255,255,255,.28);
  /* On charcoal the brand orange reaches 5.63:1, so accents revert to it */
  --text-accent:      var(--nukon-orange);
  --text-link:        var(--nukon-orange);
  --text-link-hover:  var(--nukon-orange-glow);
  --action-secondary-border-hover: rgba(255,255,255,.5);
  --action-secondary-tint:         rgba(255,255,255,.08);
  --action-ghost-hover-bg:   rgba(255,255,255,.08);
  --focus-color:      var(--nukon-orange); /* #F26522 rings on dark surfaces */
  --table-zebra:      rgba(255,255,255,.04);
  --table-border:     var(--nukon-panel-line);
  color: var(--text-primary);
}