/* Prima3D — Color tokens. Brand green #019666 + ink #0C0F0D. Anchored to the real site tokens (uploads/prima3d-componentes/tokens.css). */
:root{
  /* Brand green scale — anchors from the site: tint=50, soft=100, deep=700, brand=600 */
  --green-50:#f0f8f4;   /* --p3-green-tint */
  --green-100:#e4f3ec;  /* --p3-green-soft */
  --green-200:#c2e6d5;
  --green-300:#8fd4b4;
  --green-400:#4bbd8c;
  --green-500:#12a877;
  --green-600:#019666;  /* brand primary — --p3-green */
  --green-700:#01734e;  /* --p3-green-deep (hover) */
  --green-800:#015c3f;
  --green-900:#014631;
  --green-950:#00291d;

  /* Ink / neutral scale — anchored to site neutrals */
  --ink-0:#ffffff;
  --ink-25:#f5f6f4;    /* --p3-bg (page) */
  --ink-50:#eef1ee;
  --ink-100:#e5e8e4;   /* --p3-line (borders) */
  --ink-200:#cdd2cc;
  --ink-300:#a7afa9;
  --ink-400:#787f79;
  --ink-500:#565e58;   /* --p3-ink-soft (muted text) */
  --ink-600:#3f463f;
  --ink-700:#2a2f2a;
  --ink-800:#1a1e1a;
  --ink-900:#12150f;
  --ink-950:#0c0f0d;   /* brand black — --p3-ink */

  /* Semantic accents */
  --amber-500:#f3a712;
  --amber-100:#fdeecb;
  --red-500:#e5484d;
  --red-100:#fbdcdd;
  --blue-500:#1f8fd6;
  --blue-100:#d3ecfa;

  /* Accent — molten-filament coral. Fills the DS's missing accent role.
     Intended use:
       --accent        → active category underline; extruder-nozzle filament;
                         depositing layer in the process SVG; marketplace links
       --accent-strong → hover/pressed of those elements + global :focus-visible
       --accent-soft   → "not-yet-printed" layers in the process SVG */
  --accent:#ff5a34;
  --accent-strong:#e8410f;
  --accent-soft:#ffe7df;

  /* Marketplace brand colors (fixed — never recolor) */
  --ml-bg:#ffe600;      /* Mercado Livre */
  --ml-text:#2d3277;
  --shopee-bg:#ee4d2d;  /* Shopee */
  --shopee-text:#ffffff;

  /* ---- Semantic aliases ---- */
  --brand:var(--green-600);
  --brand-strong:var(--green-700);
  --brand-soft:var(--green-100);
  --brand-tint:var(--green-50);
  --brand-contrast:#ffffff;

  --text-strong:var(--ink-950);
  --text-body:var(--ink-800);
  --text-muted:var(--ink-500);
  --text-subtle:var(--ink-400);
  --text-on-brand:#ffffff;
  --text-inverse:#ffffff;

  --surface-page:var(--ink-25);
  --surface-card:#ffffff;
  --surface-sunken:var(--ink-50);
  --surface-raised:#ffffff;
  --surface-inverse:var(--ink-950);
  --surface-brand:var(--green-600);
  --surface-brand-soft:var(--green-50);

  --border-subtle:var(--ink-100);
  --border-default:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-brand:var(--green-600);

  --focus-ring:color-mix(in oklch, var(--green-600) 45%, transparent);

  --success:var(--green-600);
  --success-soft:var(--green-100);
  --warning:var(--amber-500);
  --warning-soft:var(--amber-100);
  --danger:var(--red-500);
  --danger-soft:var(--red-100);
  --info:var(--blue-500);
  --info-soft:var(--blue-100);
}