:root {
  color-scheme: light;

  /* Brand — teal */
  --inn-teal-950: #0E3035;
  --inn-teal-900: #163F46;
  --inn-teal-800: #1D5158;
  --inn-teal-700: #235659;
  --inn-teal-600: #2B6668;
  --inn-teal-100: #DCE9E6;
  --inn-teal-050: #EEF3F2;

  /* Neutral */
  --inn-canvas:       #F7F9F8;
  --inn-surface:      #FFFFFF;
  --inn-surface-soft: #EEF3F2;
  --inn-graphite:     #172124;
  --inn-ash:          #526267;
  --inn-muted:        #5C6B6F;
  --inn-white:        #FFFFFF;

  /* Surfaces */
  --ax-bg:           var(--inn-canvas);
  --ax-section-bg:   var(--inn-canvas);
  --ax-card-bg:      var(--inn-surface);
  --ax-bg-elevated:  var(--inn-surface);
  --ax-panel:        var(--inn-surface);
  --ax-panel-soft:   var(--inn-surface-soft);
  --ax-panel-subtle: var(--inn-canvas);
  --ax-nav-bg:       rgba(255, 255, 255, 0.94);

  /* Text */
  --ax-text:         var(--inn-graphite);
  --ax-text-soft:    var(--inn-ash);
  --ax-text-muted:   var(--inn-muted);
  --ax-text-inverse: var(--inn-white);

  /* Primary */
  --ax-primary:        var(--inn-teal-900);
  --ax-primary-hover:  var(--inn-teal-800);
  --ax-primary-active: var(--inn-teal-950);
  --ax-primary-soft:   rgba(22, 63, 70, 0.08);
  --ax-primary-line:   rgba(22, 63, 70, 0.18);

  /* Accent */
  --ax-accent:        var(--inn-teal-600);
  --ax-accent-hover:  var(--inn-teal-700);
  --ax-accent-active: var(--inn-teal-900);
  --ax-accent-soft:   rgba(43, 102, 104, 0.09);
  --ax-accent-line:   rgba(43, 102, 104, 0.22);

  /* Borders */
  --ax-border-soft:   #E3EAE8;
  --ax-border-mid:    #D2DEDB;
  --ax-border-strong: #718C86;
  --ax-border:        #718C86;
  --ax-border-hover:  #5D7872;

  /* Links and focus */
  --ax-link:       var(--ax-primary);
  --ax-link-hover: var(--ax-primary-hover);
  --ax-focus:      #2B6668;

  /* Selection and overlay */
  --ax-selection-bg:   var(--ax-accent);
  --ax-selection-text: var(--ax-text-inverse);
  --ax-overlay:        rgba(14, 48, 53, 0.52);

  /* Shadow colors */
  --ax-shadow-color-soft:   rgba(14, 48, 53, 0.05);
  --ax-shadow-color-medium: rgba(14, 48, 53, 0.10);
  --ax-shadow-color-strong: rgba(14, 48, 53, 0.16);
}