/* ==========================================================================
   Decimal Design System — Color Profile (Translation Layer)
   Each semantic token maps to a primitive token per theme.
   These should never be used directly in UI; they feed component tokens.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Wireframe Theme (default)
   -------------------------------------------------------------------------- */
:root,
[data-theme="wireframe"] {

  /* Contrast */
  --color-contrast-min: var(--color-solid-white);
  --color-contrast-max: var(--color-solid-black);

  /* Base */
  --color-base-0: var(--color-slate-0);
  --color-base-10: var(--color-slate-10);
  --color-base-20: var(--color-slate-20);
  --color-base-30: var(--color-slate-30);
  --color-base-40: var(--color-slate-40);
  --color-base-50: var(--color-slate-50);
  --color-base-60: var(--color-slate-60);
  --color-base-70: var(--color-slate-70);
  --color-base-80: var(--color-slate-80);
  --color-base-90: var(--color-slate-90);
  --color-base-100: var(--color-slate-100);
  --color-base-A20-100: var(--color-slate-A20-100);

  /* Brand */
  --color-brand-0: var(--color-slate-0);
  --color-brand-10: var(--color-slate-10);
  --color-brand-20: var(--color-slate-20);
  --color-brand-30: var(--color-slate-30);
  --color-brand-40: var(--color-slate-40);
  --color-brand-50: var(--color-slate-50);
  --color-brand-60: var(--color-slate-60);
  --color-brand-70: var(--color-slate-70);
  --color-brand-80: var(--color-slate-80);
  --color-brand-90: var(--color-slate-90);
  --color-brand-100: var(--color-slate-100);

  /* Highlight */
  --color-highlight-0: var(--color-slate-0);
  --color-highlight-10: var(--color-slate-10);
  --color-highlight-20: var(--color-slate-20);
  --color-highlight-30: var(--color-slate-30);
  --color-highlight-40: var(--color-slate-40);
  --color-highlight-50: var(--color-slate-50);
  --color-highlight-60: var(--color-slate-60);
  --color-highlight-70: var(--color-slate-70);
  --color-highlight-80: var(--color-slate-80);
  --color-highlight-90: var(--color-slate-90);
  --color-highlight-100: var(--color-slate-100);

  /* Success */
  --color-success-0: var(--color-patina-0);
  --color-success-10: var(--color-patina-10);
  --color-success-20: var(--color-patina-20);
  --color-success-30: var(--color-patina-30);
  --color-success-40: var(--color-patina-40);
  --color-success-50: var(--color-patina-50);
  --color-success-60: var(--color-patina-60);
  --color-success-70: var(--color-patina-70);
  --color-success-80: var(--color-patina-80);
  --color-success-90: var(--color-patina-90);
  --color-success-100: var(--color-patina-100);

  /* Warning */
  --color-warning-0: var(--color-copper-0);
  --color-warning-10: var(--color-copper-10);
  --color-warning-20: var(--color-copper-20);
  --color-warning-30: var(--color-copper-30);
  --color-warning-40: var(--color-copper-40);
  --color-warning-50: var(--color-copper-50);
  --color-warning-60: var(--color-copper-60);
  --color-warning-70: var(--color-copper-70);
  --color-warning-80: var(--color-copper-80);
  --color-warning-90: var(--color-copper-90);
  --color-warning-100: var(--color-copper-100);

  /* Danger */
  --color-danger-0: var(--color-rust-0);
  --color-danger-10: var(--color-rust-10);
  --color-danger-20: var(--color-rust-20);
  --color-danger-30: var(--color-rust-30);
  --color-danger-40: var(--color-rust-40);
  --color-danger-50: var(--color-rust-50);
  --color-danger-60: var(--color-rust-60);
  --color-danger-70: var(--color-rust-70);
  --color-danger-80: var(--color-rust-80);
  --color-danger-90: var(--color-rust-90);
  --color-danger-100: var(--color-rust-100);

  /* Buy */
  --color-buy-0: var(--color-emerald-0);
  --color-buy-10: var(--color-emerald-10);
  --color-buy-20: var(--color-emerald-20);
  --color-buy-30: var(--color-emerald-30);
  --color-buy-40: var(--color-emerald-40);
  --color-buy-50: var(--color-emerald-50);
  --color-buy-60: var(--color-emerald-60);
  --color-buy-70: var(--color-emerald-70);
  --color-buy-80: var(--color-emerald-80);
  --color-buy-90: var(--color-emerald-90);
  --color-buy-100: var(--color-emerald-100);

  /* Sell */
  --color-sell-0: var(--color-ruby-0);
  --color-sell-10: var(--color-ruby-10);
  --color-sell-20: var(--color-ruby-20);
  --color-sell-30: var(--color-ruby-30);
  --color-sell-40: var(--color-ruby-40);
  --color-sell-50: var(--color-ruby-50);
  --color-sell-60: var(--color-ruby-60);
  --color-sell-70: var(--color-ruby-70);
  --color-sell-80: var(--color-ruby-80);
  --color-sell-90: var(--color-ruby-90);
  --color-sell-100: var(--color-ruby-100);
}

/* --------------------------------------------------------------------------
   CW Primary Theme
   -------------------------------------------------------------------------- */
[data-theme="cw-primary"] {

  /* Contrast */
  --color-contrast-min: var(--color-solid-white);
  --color-contrast-max: var(--color-solid-black);

  /* Base */
  --color-base-0: var(--color-slate-0);
  --color-base-10: var(--color-slate-10);
  --color-base-20: var(--color-slate-20);
  --color-base-30: var(--color-slate-30);
  --color-base-40: var(--color-slate-40);
  --color-base-50: var(--color-slate-50);
  --color-base-60: var(--color-slate-60);
  --color-base-70: var(--color-slate-70);
  --color-base-80: var(--color-slate-80);
  --color-base-90: var(--color-slate-90);
  --color-base-100: var(--color-slate-100);
  --color-base-A20-100: var(--color-slate-A20-100);

  /* Brand */
  --color-brand-0: var(--color-sky-0);
  --color-brand-10: var(--color-sky-10);
  --color-brand-20: var(--color-sky-20);
  --color-brand-30: var(--color-sky-30);
  --color-brand-40: var(--color-sky-40);
  --color-brand-50: var(--color-sky-50);
  --color-brand-60: var(--color-sky-60);
  --color-brand-70: var(--color-sky-70);
  --color-brand-80: var(--color-sky-80);
  --color-brand-90: var(--color-sky-90);
  --color-brand-100: var(--color-sky-100);

  /* Highlight — sky ramp (brand hue) for neutral hovers: subtle blue wash, not gray/sand */
  --color-highlight-0: var(--color-sky-0);
  --color-highlight-10: var(--color-sky-10);
  --color-highlight-20: var(--color-sky-20);
  --color-highlight-30: var(--color-sky-30);
  --color-highlight-40: var(--color-sky-40);
  --color-highlight-50: var(--color-sky-50);
  --color-highlight-60: var(--color-sky-60);
  --color-highlight-70: var(--color-sky-70);
  --color-highlight-80: var(--color-sky-80);
  --color-highlight-90: var(--color-sky-90);
  --color-highlight-100: var(--color-sky-100);

  /* Success */
  --color-success-0: var(--color-patina-0);
  --color-success-10: var(--color-patina-10);
  --color-success-20: var(--color-patina-20);
  --color-success-30: var(--color-patina-30);
  --color-success-40: var(--color-patina-40);
  --color-success-50: var(--color-patina-50);
  --color-success-60: var(--color-patina-60);
  --color-success-70: var(--color-patina-70);
  --color-success-80: var(--color-patina-80);
  --color-success-90: var(--color-patina-90);
  --color-success-100: var(--color-patina-100);

  /* Warning */
  --color-warning-0: var(--color-copper-0);
  --color-warning-10: var(--color-copper-10);
  --color-warning-20: var(--color-copper-20);
  --color-warning-30: var(--color-copper-30);
  --color-warning-40: var(--color-copper-40);
  --color-warning-50: var(--color-copper-50);
  --color-warning-60: var(--color-copper-60);
  --color-warning-70: var(--color-copper-70);
  --color-warning-80: var(--color-copper-80);
  --color-warning-90: var(--color-copper-90);
  --color-warning-100: var(--color-copper-100);

  /* Danger */
  --color-danger-0: var(--color-rust-0);
  --color-danger-10: var(--color-rust-10);
  --color-danger-20: var(--color-rust-20);
  --color-danger-30: var(--color-rust-30);
  --color-danger-40: var(--color-rust-40);
  --color-danger-50: var(--color-rust-50);
  --color-danger-60: var(--color-rust-60);
  --color-danger-70: var(--color-rust-70);
  --color-danger-80: var(--color-rust-80);
  --color-danger-90: var(--color-rust-90);
  --color-danger-100: var(--color-rust-100);

  /* Buy */
  --color-buy-0: var(--color-emerald-0);
  --color-buy-10: var(--color-emerald-10);
  --color-buy-20: var(--color-emerald-20);
  --color-buy-30: var(--color-emerald-30);
  --color-buy-40: var(--color-emerald-40);
  --color-buy-50: var(--color-emerald-50);
  --color-buy-60: var(--color-emerald-60);
  --color-buy-70: var(--color-emerald-70);
  --color-buy-80: var(--color-emerald-80);
  --color-buy-90: var(--color-emerald-90);
  --color-buy-100: var(--color-emerald-100);

  /* Sell */
  --color-sell-0: var(--color-ruby-0);
  --color-sell-10: var(--color-ruby-10);
  --color-sell-20: var(--color-ruby-20);
  --color-sell-30: var(--color-ruby-30);
  --color-sell-40: var(--color-ruby-40);
  --color-sell-50: var(--color-ruby-50);
  --color-sell-60: var(--color-ruby-60);
  --color-sell-70: var(--color-ruby-70);
  --color-sell-80: var(--color-ruby-80);
  --color-sell-90: var(--color-ruby-90);
  --color-sell-100: var(--color-ruby-100);
}

/* --------------------------------------------------------------------------
   AccountView Theme
   -------------------------------------------------------------------------- */
[data-theme="accountview"] {

  /* Contrast */
  --color-contrast-min: var(--color-solid-white);
  --color-contrast-max: var(--color-solid-black);

  /* Base */
  --color-base-0: var(--color-obsidian-0);
  --color-base-10: var(--color-obsidian-10);
  --color-base-20: var(--color-obsidian-20);
  --color-base-30: var(--color-obsidian-30);
  --color-base-40: var(--color-obsidian-40);
  --color-base-50: var(--color-obsidian-50);
  --color-base-60: var(--color-obsidian-60);
  --color-base-70: var(--color-obsidian-70);
  --color-base-80: var(--color-obsidian-80);
  --color-base-90: var(--color-obsidian-90);
  --color-base-100: var(--color-obsidian-100);
  --color-base-A20-100: var(--color-obsidian-A20-100);

  /* Brand */
  --color-brand-0: var(--color-sapphire-0);
  --color-brand-10: var(--color-sapphire-10);
  --color-brand-20: var(--color-sapphire-20);
  --color-brand-30: var(--color-sapphire-30);
  --color-brand-40: var(--color-sapphire-40);
  --color-brand-50: var(--color-sapphire-50);
  --color-brand-60: var(--color-sapphire-60);
  --color-brand-70: var(--color-sapphire-70);
  --color-brand-80: var(--color-sapphire-80);
  --color-brand-90: var(--color-sapphire-90);
  --color-brand-100: var(--color-sapphire-100);

  /* Highlight — neutral ramp aligned with base (obsidian) for hover/surface tints */
  --color-highlight-0: var(--color-obsidian-0);
  --color-highlight-10: var(--color-obsidian-10);
  --color-highlight-20: var(--color-obsidian-20);
  --color-highlight-30: var(--color-obsidian-30);
  --color-highlight-40: var(--color-obsidian-40);
  --color-highlight-50: var(--color-obsidian-50);
  --color-highlight-60: var(--color-obsidian-60);
  --color-highlight-70: var(--color-obsidian-70);
  --color-highlight-80: var(--color-obsidian-80);
  --color-highlight-90: var(--color-obsidian-90);
  --color-highlight-100: var(--color-obsidian-100);

  /* Success */
  --color-success-0: var(--color-emerald-0);
  --color-success-10: var(--color-emerald-10);
  --color-success-20: var(--color-emerald-20);
  --color-success-30: var(--color-emerald-30);
  --color-success-40: var(--color-emerald-40);
  --color-success-50: var(--color-emerald-50);
  --color-success-60: var(--color-emerald-60);
  --color-success-70: var(--color-emerald-70);
  --color-success-80: var(--color-emerald-80);
  --color-success-90: var(--color-emerald-90);
  --color-success-100: var(--color-emerald-100);

  /* Warning */
  --color-warning-0: var(--color-copper-0);
  --color-warning-10: var(--color-copper-10);
  --color-warning-20: var(--color-copper-20);
  --color-warning-30: var(--color-copper-30);
  --color-warning-40: var(--color-copper-40);
  --color-warning-50: var(--color-copper-50);
  --color-warning-60: var(--color-copper-60);
  --color-warning-70: var(--color-copper-70);
  --color-warning-80: var(--color-copper-80);
  --color-warning-90: var(--color-copper-90);
  --color-warning-100: var(--color-copper-100);

  /* Danger */
  --color-danger-0: var(--color-garnet-0);
  --color-danger-10: var(--color-garnet-10);
  --color-danger-20: var(--color-garnet-20);
  --color-danger-30: var(--color-garnet-30);
  --color-danger-40: var(--color-garnet-40);
  --color-danger-50: var(--color-garnet-50);
  --color-danger-60: var(--color-garnet-60);
  --color-danger-70: var(--color-garnet-70);
  --color-danger-80: var(--color-garnet-80);
  --color-danger-90: var(--color-garnet-90);
  --color-danger-100: var(--color-garnet-100);

  /* Buy */
  --color-buy-0: var(--color-patina-0);
  --color-buy-10: var(--color-patina-10);
  --color-buy-20: var(--color-patina-20);
  --color-buy-30: var(--color-patina-30);
  --color-buy-40: var(--color-patina-40);
  --color-buy-50: var(--color-patina-50);
  --color-buy-60: var(--color-patina-60);
  --color-buy-70: var(--color-patina-70);
  --color-buy-80: var(--color-patina-80);
  --color-buy-90: var(--color-patina-90);
  --color-buy-100: var(--color-patina-100);

  /* Sell */
  --color-sell-0: var(--color-ruby-0);
  --color-sell-10: var(--color-ruby-10);
  --color-sell-20: var(--color-ruby-20);
  --color-sell-30: var(--color-ruby-30);
  --color-sell-40: var(--color-ruby-40);
  --color-sell-50: var(--color-ruby-50);
  --color-sell-60: var(--color-ruby-60);
  --color-sell-70: var(--color-ruby-70);
  --color-sell-80: var(--color-ruby-80);
  --color-sell-90: var(--color-ruby-90);
  --color-sell-100: var(--color-ruby-100);
}