/* Marcus OS — shared design tokens (light default + dark) extracted from the
   Rafa-approved look funnel-cursor-estela-v4-2026-06-03.html. REUSABLE platform
   layer: any subtree sets data-theme="dark" to flip. The onboarding funnel is the
   first consumer; the rest of the platform rolls out on these same --mc-* vars. */

:root {
  --mc-ink:      #2a2118;
  --mc-ink2:     #6f6149;
  --mc-accent:   #a87f2e;
  --mc-accent-2: #caa455;
  --mc-glass:    rgba(250,247,240,.18);
  --mc-rim:      rgba(255,255,255,.55);
  --mc-rim2:     rgba(40,36,32,.10);
  --mc-field:    rgba(255,255,255,.60);
  --mc-bar:      rgba(80,60,30,.16);
  --mc-btn-tx:   #2a2118;
  --mc-bg:       radial-gradient(125% 90% at 16% -8%, #fcf8ef 0%, #f2e9d8 46%, #e9dec8 100%);
  --mc-surface:  #fbf8f1;
  --mc-surface-2:#f4ede0;
  --mc-bg-app:   #ece2d0;
  --mc-shadow:   0 24px 60px -18px rgba(74,56,28,0.20), 0 3px 10px rgba(74,56,28,0.10);
  --mc-success:  #3a7d56;
  --mc-error:    #b03636;
  --mc-warn:     #b07d1e;
  --mc-info:     #336699;

  /* ── Superset (ADR-143 Amendment 1): mc-elements + SPA token names unified to OUR
     palette, consumed via data-mc-tokens-set (mc-elements self-disables). Color aliases
     flip automatically with their core token; fonts + structural are mode-invariant.
     🔴 structural (radius/radius-sm/spacing-unit) byte-identical to mc-elements. ── */
  --mc-cream:        var(--mc-surface);
  --mc-charcoal:     var(--mc-ink);
  --mc-charcoal-soft:var(--mc-ink2);
  --mc-brass:        var(--mc-accent-2);
  --mc-brass-dark:   var(--mc-accent);
  --mc-sage-jade:    var(--mc-success);
  --mc-danger:       var(--mc-error);
  --mc-muted:        var(--mc-ink2);
  --mc-border:       var(--mc-rim2);
  --mc-clay-soft:    var(--mc-surface-2);
  --mc-mist:         var(--mc-glass);
  --mc-font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --mc-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --mc-radius:       8px;
  --mc-radius-sm:    4px;
  --mc-spacing-unit: 8px;
  --mc-shadow-modal: 0 24px 64px rgba(31,32,36,0.24), 0 4px 12px rgba(31,32,36,0.12);
  --mc-shadow-toast: 0 12px 32px rgba(31,32,36,0.18);
}

[data-theme="dark"] {
  --mc-ink:      #f3ead7;
  --mc-ink2:     #a99e8c;
  --mc-accent:   #e4c587;
  --mc-accent-2: #caa96a;
  --mc-glass:    rgba(255,255,255,.05);
  --mc-rim:      rgba(201,169,106,.34);
  --mc-rim2:     rgba(0,0,0,.30);
  --mc-field:    rgba(0,0,0,.40);
  --mc-bar:      rgba(201,169,106,.22);
  --mc-btn-tx:   #16130f;
  --mc-bg:       #09080b;
  --mc-surface:  #0e1013;
  --mc-surface-2:#15171c;
  --mc-bg-app:   #09080b;
  --mc-shadow:   0 28px 70px -16px rgba(0,0,0,0.55), 0 4px 14px rgba(0,0,0,0.32);
  --mc-success:  #5cb98a;
  --mc-error:    #e0857a;
  --mc-warn:     #dcae57;
  --mc-info:     #6fa8d8;
}