/* Awakeningup — Spatial Studio design tokens
   Brand-matched dark studio palette (teal-deep + gold), authored to satisfy the
   --aug-* tokens the Spatial Studio UI expects. Self-contained: index.html links
   this file directly. */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* surfaces — teal-deep family */
  --aug-bg-deep:   #0e242b;
  --aug-bg-panel:  #143038;
  --aug-bg-elev:   #1b424c;
  --aug-bg-hover:  #21505c;
  --aug-bg-sunk:   #0b1d23;

  /* lines / borders */
  --aug-line:       rgba(255,255,255,.10);
  --aug-line-soft:  rgba(255,255,255,.055);

  /* text on dark */
  --aug-text:       #f6f3ec;
  --aug-text-dim:   #9fb0b5;
  --aug-text-faint: rgba(246,243,236,.42);

  /* gold accent */
  --aug-gold:     #cf9b54;
  --aug-gold-dim: #9d7740;
  --aug-gold-hi:  #e2bd86;
  --aug-on-gold:  #2a1f0e;

  /* layer-type colors (markers / inspector) */
  --aug-binaural:   #e2bd86;  /* gold-soft — the centered anchor */
  --aug-isochronic: #7cc0dc;  /* blue-soft */
  --aug-monaural:   #b79bd6;  /* soft violet */
  --aug-noise:      #8fd0b6;  /* soft teal-green */

  /* state */
  --aug-danger:     #d9756a;
  --aug-focus-ring: #7cc0dc;

  /* shape */
  --aug-radius:    10px;
  --aug-radius-sm: 6px;
  --aug-titlebar-h: 44px;

  /* type */
  --aug-font-ui:   'Hanken Grotesk', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --aug-font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* elevation */
  --aug-shadow-popover: 0 14px 44px -14px rgba(0,0,0,.62);
}

html { color-scheme: dark; }
body { margin: 0; color: var(--aug-text); font-family: var(--aug-font-ui); }