/* irot design tokens v1.0.0 — no editar a mano; fuente: irot-tokens.json */
@import url("../fonts/irot-fonts.css");
:root {
  --irot-ink: #111010;
  --irot-tinta: #2A2621;
  --irot-hueso: #F0EBE1;
  --irot-papel: #FAF8F5;
  --irot-gris: #9A948A;
  --irot-separador: #4A4744;
  --irot-laton: #A8763C;
  --family-personal-deep: #48650E;
  --family-personal-light: #98C639;
  --family-production-deep: #8B222C;
  --family-production-light: #D26C79;
  --family-logistics-deep: #184E5C;
  --family-logistics-light: #65C4D5;
  --family-finance-deep: #165733;
  --family-finance-light: #39C673;
  --family-sales-deep: #AF1582;
  --family-sales-light: #CD67AB;
  --family-projects-deep: #2C5983;
  --family-projects-light: #68A2D2;
  --family-data-deep: #582AA7;
  --family-data-light: #9A79D8;
  --font-sans: "irot Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius-icon: 22%;
}
[data-family="personal"] { --accent-deep: var(--family-personal-deep); --accent-light: var(--family-personal-light); }
[data-family="production"] { --accent-deep: var(--family-production-deep); --accent-light: var(--family-production-light); }
[data-family="logistics"] { --accent-deep: var(--family-logistics-deep); --accent-light: var(--family-logistics-light); }
[data-family="finance"] { --accent-deep: var(--family-finance-deep); --accent-light: var(--family-finance-light); }
[data-family="sales"] { --accent-deep: var(--family-sales-deep); --accent-light: var(--family-sales-light); }
[data-family="projects"] { --accent-deep: var(--family-projects-deep); --accent-light: var(--family-projects-light); }
[data-family="data"] { --accent-deep: var(--family-data-deep); --accent-light: var(--family-data-light); }
:root, [data-theme="dark"] {
  --bg: var(--irot-ink); --surface: #1A1A1A; --border: #2A2827;
  --text: var(--irot-hueso); --text-muted: var(--irot-gris);
  --accent-text: var(--accent-light);   /* enlaces, estados activos, texto de acento */
  --accent-fill: var(--accent-deep);    /* botones primarios, fondos de acento */
  --on-accent: var(--irot-hueso);
}
[data-theme="light"] {
  --bg: var(--irot-papel); --surface: #FFFFFF; --border: #E2DED6;
  --text: var(--irot-tinta); --text-muted: #6E675D;
  --accent-text: var(--accent-deep);
  --accent-fill: var(--accent-deep);
  --on-accent: var(--irot-hueso);
}
body { font-family: var(--font-sans); font-weight: 500; background: var(--bg); color: var(--text); }