/* RIALMA — color system.
   Sober palette: deep black, periwinkle, off-white.
   Base ramps + semantic aliases. */

:root {
  /* ---- Brand core (from brand manual) ---- */
  --rialma-negro: #151616;        /* negro corporativo / profundo */
  --rialma-periwinkle: #8FA0E2;   /* azul corporativo */
  --rialma-blanco-roto: #EDEDED;  /* gris corporativo / off-white */
  --rialma-blanco: #FFFFFF;       /* blanco 100% */
  --rialma-negro-puro: #000000;   /* negro 100% */

  /* ---- Neutral ramp (cool-tinted, derived between negro & blanco-roto) ---- */
  --neutral-0: #FFFFFF;
  --neutral-25: #FAFAFA;
  --neutral-50: #EDEDED;   /* blanco roto */
  --neutral-100: #E0E0E1;
  --neutral-200: #C9CACB;
  --neutral-300: #ABACAE;
  --neutral-400: #8A8B8D;
  --neutral-500: #6B6C6E;
  --neutral-600: #4F5051;
  --neutral-700: #393A3B;
  --neutral-800: #262727;
  --neutral-900: #1C1D1D;
  --neutral-950: #151616;  /* negro corporativo */
  --neutral-1000: #000000;

  /* ---- Periwinkle ramp ---- */
  --periwinkle-50: #F2F4FB;
  --periwinkle-100: #E4E8F6;
  --periwinkle-200: #C9D1EE;
  --periwinkle-300: #AEBAE7;
  --periwinkle-400: #8FA0E2;  /* brand azul */
  --periwinkle-500: #7185D6;
  --periwinkle-600: #586EC4;
  --periwinkle-700: #46589E;
  --periwinkle-800: #374878;

  /* ---- Semantic (status) — muted, clinical ---- */
  --signal-positive: #6FA889;
  --signal-warning: #D9A05B;
  --signal-critical: #C9685F;
  --signal-info: var(--periwinkle-400);

  /* ================= Semantic aliases ================= */
  /* Surfaces (light context — the default) */
  --surface-page: var(--rialma-blanco-roto);
  --surface-raised: var(--neutral-0);
  --surface-sunken: var(--neutral-100);
  --surface-card: var(--neutral-0);
  --surface-inverse: var(--rialma-negro);

  /* Text */
  --text-primary: var(--rialma-negro);
  --text-secondary: var(--neutral-600);
  --text-tertiary: var(--neutral-400);
  --text-on-inverse: var(--rialma-blanco-roto);
  --text-on-accent: var(--rialma-negro);
  --text-accent: var(--periwinkle-600);
  --text-link: var(--periwinkle-600);

  /* Accent */
  --accent: var(--rialma-periwinkle);
  --accent-strong: var(--periwinkle-600);
  --accent-soft: var(--periwinkle-100);

  /* Borders / lines */
  --border-subtle: var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-strong: var(--neutral-400);
  --border-inverse: var(--neutral-800);
  --focus-ring: var(--periwinkle-400);
}

/* Dark context — the brand's signature. Apply to a container. */
.rialma-dark {
  --surface-page: var(--rialma-negro);
  --surface-raised: var(--neutral-900);
  --surface-sunken: var(--rialma-negro-puro);
  --surface-card: var(--neutral-900);
  --surface-inverse: var(--rialma-blanco-roto);

  --text-primary: var(--rialma-blanco-roto);
  --text-secondary: var(--neutral-300);
  --text-tertiary: var(--neutral-500);
  --text-on-inverse: var(--rialma-negro);
  --text-accent: var(--periwinkle-300);
  --text-link: var(--periwinkle-300);

  --accent-soft: var(--neutral-800);

  --border-subtle: var(--neutral-800);
  --border-default: var(--neutral-700);
  --border-strong: var(--neutral-500);
  --border-inverse: var(--neutral-100);
}