/* Rtech color tokens. Anchored on trust-blue + white; blue as accent; green for safe/OK. */
:root{
  /* Neutrals — dark end anchors "confianza y tecnología". */
  --rt-ink-0:#0B1220;
  --rt-ink-1:#0F172A;   /* primary dark, from brand refs */
  --rt-ink-2:#1E293B;
  --rt-ink-3:#334155;
  --rt-ink-4:#475569;
  --rt-ink-5:#64748B;
  --rt-ink-6:#94A3B8;
  --rt-ink-7:#CBD5E1;
  --rt-ink-8:#E2E8F0;
  --rt-ink-9:#EEF2F7;
  --rt-ink-10:#F5F7FA; /* surface-alt */
  --rt-ink-11:#FAFBFC;
  --rt-white:#FFFFFF;

  /* Brand blue — the electric accent from the brand card. */
  --rt-blue-50:#EFF5FF;
  --rt-blue-100:#DBE7FE;
  --rt-blue-200:#B6CFFD;
  --rt-blue-300:#8AB0FB;
  --rt-blue-400:#5488F5;
  --rt-blue-500:#2563EB;   /* primary accent */
  --rt-blue-600:#1E52C7;
  --rt-blue-700:#1B44A0;
  --rt-blue-800:#173777;
  --rt-blue-900:#122C5B;

  /* Semantic green — safe state, not alarming. */
  --rt-green-50:#ECFDF3;
  --rt-green-100:#D1FADF;
  --rt-green-500:#22C55E;
  --rt-green-600:#16A34A;
  --rt-green-700:#15803D;

  /* Semantic amber — warnings, not alarms. Use sparingly. */
  --rt-amber-50:#FFF8E6;
  --rt-amber-500:#F59E0B;
  --rt-amber-700:#B45309;

  /* Semantic red — reserved for destructive/error only. Never for marketing. */
  --rt-red-50:#FEF2F2;
  --rt-red-500:#EF4444;
  --rt-red-700:#B91C1C;

  /* Semantic aliases — refer to these in components, not raw scales. */
  --text-strong:var(--rt-ink-1);
  --text-body:var(--rt-ink-3);
  --text-muted:var(--rt-ink-5);
  --text-subtle:var(--rt-ink-6);
  --text-inverse:var(--rt-white);
  --text-brand:var(--rt-blue-500);

  --surface-page:var(--rt-white);
  --surface-alt:var(--rt-ink-10);
  --surface-card:var(--rt-white);
  --surface-inverse:var(--rt-ink-1);
  --surface-brand:var(--rt-blue-500);
  --surface-brand-soft:var(--rt-blue-50);

  --border-subtle:var(--rt-ink-8);
  --border-default:var(--rt-ink-7);
  --border-strong:var(--rt-ink-3);
  --border-brand:var(--rt-blue-500);

  --state-safe:var(--rt-green-600);
  --state-safe-soft:var(--rt-green-50);
  --state-warn:var(--rt-amber-500);
  --state-warn-soft:var(--rt-amber-50);
  --state-danger:var(--rt-red-500);
  --state-danger-soft:var(--rt-red-50);

  --focus-ring:0 0 0 3px rgba(37,99,235,.28);
}