/* Tresde color system — declared on page 05 of the brand manual.
   Rule 70/25/5: 70% neutral surface, 25% secondary, max 5% Filamento orange. */
:root{
  /* Base palette */
  --tresde-filamento:#FF6B35;   /* accent — orange. Max 5% of any surface */
  --tresde-tinta:#17191F;       /* ink — dark background + primary text */
  --tresde-grafito:#2A2E37;     /* graphite — secondary surfaces */
  --tresde-gris-soporte:#8B929D;/* support grey — secondary text, hairlines */
  --tresde-resina:#F7F5F1;      /* resin white — light background (not pure white) */
  --tresde-blanco:#FFFFFF;

  /* Isometric cube faces */
  --tresde-cubo-top:#FF9E6B;    /* top face */
  --tresde-cubo-left:#FF6B35;   /* left face (= Filamento) */
  --tresde-cubo-right:#D9481C;  /* right face */

  /* Filamento tint ramp (derived, oklch-harmonized) */
  --tresde-filamento-600:#D9481C;
  --tresde-filamento-500:#FF6B35;
  --tresde-filamento-400:#FF9E6B;
  --tresde-filamento-100:#FBE4D8;
  --tresde-filamento-050:#FDF1EA;

  /* Ink ramp */
  --tresde-tinta-900:#101216;
  --tresde-tinta-800:#17191F;
  --tresde-tinta-700:#22262F;
  --tresde-grafito-600:#2A2E37;
  --tresde-grafito-500:#3A404C;

  /* Neutral ramp toward resin */
  --tresde-gris-500:#8B929D;
  --tresde-gris-400:#A7ADB6;
  --tresde-gris-300:#C9CDD3;
  --tresde-gris-200:#E4E2DD;
  --tresde-gris-100:#EFEDE8;

  /* Semantic — light surface (default) */
  --surface-page:var(--tresde-resina);
  --surface-card:var(--tresde-blanco);
  --surface-sunken:var(--tresde-gris-100);
  --surface-inverse:var(--tresde-tinta-800);

  --text-primary:var(--tresde-tinta-800);
  --text-secondary:var(--tresde-gris-500);
  --text-inverse:var(--tresde-resina);
  --text-accent:var(--tresde-filamento-600);

  --border-hairline:var(--tresde-gris-200);
  --border-strong:var(--tresde-gris-300);

  --accent:var(--tresde-filamento-500);
  --accent-hover:var(--tresde-filamento-600);
  --accent-contrast:var(--tresde-blanco);

  /* Semantic status (kept close to the warm palette) */
  --status-success:#3E9C6A;
  --status-warning:#E8A33D;
  --status-danger:#D9481C;
  --status-info:#4A6FA5;

  --focus-ring:var(--tresde-filamento-500);
}
/* Dark surface scope — apply .on-tinta to flip semantic aliases */
.on-tinta{
  --surface-page:var(--tresde-tinta-800);
  --surface-card:var(--tresde-grafito-600);
  --surface-sunken:var(--tresde-tinta-900);
  --surface-inverse:var(--tresde-resina);
  --text-primary:var(--tresde-resina);
  --text-secondary:var(--tresde-gris-400);
  --text-inverse:var(--tresde-tinta-800);
  --border-hairline:var(--tresde-grafito-500);
  --border-strong:var(--tresde-gris-500);
}