:root {
  --brand-ink: #13201d;
  --brand-green: #123c33;
  --brand-green-2: #1d5849;
  --brand-mint: #c8f05a;
  --brand-sand: #e8c98c;
  --brand-paper: #f5f1e8;
  --brand-white: #fffdf7;
  --brand-line: rgba(19, 32, 29, 0.16);
  --brand-cyan: #48bfd0;
  --brand-orange: #f28b30;
  --brand-leaf: #19724c;
  --brand-accent-gradient: linear-gradient(90deg, var(--brand-cyan), var(--brand-mint) 48%, var(--brand-orange));

  --text-muted: #5d6864;
  --muted: var(--text-muted);
  --surface-soft: #f4f6f3;
  --surface-subtle: #f7faf8;
  --surface-accent-soft: #e5efe9;
  --danger-text: #8d1f19;
  --danger-soft: #fbe9e7;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --shadow-sm: 0 3px 10px rgba(18, 60, 51, 0.06);
  --shadow-md: 0 8px 24px rgba(18, 60, 51, 0.09);
  --shadow-lg: 0 12px 34px rgba(18, 60, 51, 0.12);
  --shadow-active: 0 5px 13px rgba(24, 48, 40, 0.18);
  --focus-ring: #ce951d;
  --control-radius: 9px;

  --category-masculino-accent: #17658f;
  --category-masculino-soft: #eaf5fb;
  --category-masculino-border: #b7d7e9;
  --category-masculino-text: #185f87;

  --category-femenino-accent: #943e67;
  --category-femenino-soft: #faedf3;
  --category-femenino-border: #e6bdd0;
  --category-femenino-text: #8a365d;

  --category-mixto-accent: #9b5b1d;
  --category-mixto-soft: #fff3e2;
  --category-mixto-border: #e7c89e;
  --category-mixto-text: #8b541d;
}

body.category-masculino {
  --category-accent: var(--category-masculino-accent);
  --category-soft: var(--category-masculino-soft);
  --category-border: var(--category-masculino-border);
  --category-text: var(--category-masculino-text);
}

body.category-femenino {
  --category-accent: var(--category-femenino-accent);
  --category-soft: var(--category-femenino-soft);
  --category-border: var(--category-femenino-border);
  --category-text: var(--category-femenino-text);
}

body.category-mixto {
  --category-accent: var(--category-mixto-accent);
  --category-soft: var(--category-mixto-soft);
  --category-border: var(--category-mixto-border);
  --category-text: var(--category-mixto-text);
}