/* ============================================================
   Andrea Parra — brand token overrides
   Sophisticated take on her logo palette: deep muted plum,
   antique gold, dusty lilac and a warm off-white — the same
   brand family, desaturated for an editorial/premium register.
   Overrides the Tres Elementos neutral palette so every DS
   component re-skins automatically via the shared variables.
   Loaded AFTER the design-system token files so these win.
   ============================================================ */

:root {
  /* ---- Brand palette ---- */
  --khaki: #D19A96;          /* soft rose accent — for dark fields */
  --khaki-deep: #8F5261;     /* deeper rose — accent text on light fields */
  --umber: #6F4A6D;          /* deep muted plum, primary */
  --linen: #F7F3F5;          /* warm off-white surface */
  --eerie-black: #4A3149;    /* deep plum — the dark surface/ink (no black) */
  --white: #FFFFFF;
  --black: #000000;

  /* ---- Plum ramp ---- */
  --umber-10: #F3EEF2;
  --umber-20: #E3D8E0;
  --umber-40: #BFA9BC;
  --umber-60: #96789A;
  --umber-80: #6F4A6D;
  --umber-90: #3E2A3D;

  /* ---- Secondary accent (soft mauve) ---- */
  --periwinkle: #B99BB5;

  /* ---- Semantic surface ---- */
  --surface-primary: var(--linen);
  --surface-inverse: var(--eerie-black);
  --surface-card: var(--white);
  --surface-muted: var(--umber-10);
  --surface-line: var(--umber-20);

  /* ---- Semantic text ---- */
  --text-primary: var(--eerie-black);
  --text-secondary: #6B4F69;
  --text-on-dark: var(--linen);
  --text-muted: #7A5F77;

  /* ---- Semantic accent ---- */
  --accent: var(--khaki);
  --accent-strong: var(--khaki-deep);

  /* ---- Borders ---- */
  --border-subtle: var(--umber-20);
  --border-strong: var(--umber);

  /* ---- Type: Futura-style geometric sans ---- */
  --font-sans: 'Jost', 'Century Gothic', 'Futura', sans-serif;
  --font-script: 'Jost', 'Century Gothic', 'Futura', sans-serif;

  /* ---- Softer geometry than the architectural square-corner system ---- */
  --radius-sm: 14px;
  --radius-md: 18px;
}