/* Intentica console tokens, taken from the approved canvas (board 01).
   Every text/background pair in use is measured in internal/view/contrast_test.go:
   text ≥ 4.5:1, rule marks, control borders and focus ≥ 3:1.
   If a color is added, add its pair to the test. */
:root {
  /* Brand */
  --ink: #0B1530;
  --blue: #1F5BFF;
  --blue-hover: #0A2A8C;
  --blue-bg: #E9EDFB;
  --paper: #F4F5F7;
  --white: #FFFFFF;
  --sandbox: #5B33C7;
  --sandbox-dark: #3D1F96;
  --sandbox-bg: #EFEAFC;

  /* Accent: blue in production, violet in sandbox (body.env-sandbox). */
  --accent: var(--blue);
  --accent-hover: var(--blue-hover);

  /* Text */
  --text: var(--ink);
  --text-2: #3A4562;
  --text-3: #4A5468;
  --text-key: #5B6478;
  --text-inverse: var(--white);
  --text-code: #E6EAF2;    /* JSON on ink */
  --text-inverse-2: #C9D1E3; /* secondary text on ink (superadmin) */
  /* Translucent veils (sandbox stripes, hover on dark background,
     dialog backdrop, loading skeleton shine). */
  --veil-sandbox: rgb(255 255 255 / 0.2);
  --veil-sandbox-soft: rgb(255 255 255 / 0.12);
  --veil-hover: rgb(0 0 0 / 0.06);
  --bg-dialog: rgb(11 21 48 / 0.45); /* --ink at 45 % */
  --shine-loading: rgb(255 255 255 / 0.6);

  /* Lines */
  --line: #DDE1E8;
  --line-soft: #E6E9EE;
  --line-control: #CBD1DC;
  --border-control: #767F94;   /* field border: ≥ 3:1 on white */
  --brand-rule: #737D95;     /* rule marks: ≥ 3:1 on white and paper */
  --skeleton: #E9ECF1;

  /* Risk: green, amber and red ONLY for risk and results.
     "Sin verificar" and "sin respuesta" are grey. */
  --risk-low: #0B5A3F;      --risk-low-bg: #E6F4EE;
  --risk-medium: #7A4900;     --risk-medium-bg: #FDF1DC;
  --risk-high: #8A1A12;      --risk-high-bg: #FDECEA;
  --unverified: #3A4562;    --unverified-bg: #EEF0F4;
  --error: #B42318;            /* border of a field with an error */

  /* Service notices (board 10) */
  --notice-delays-text: #3A2400;
  --notice-outage-text: #4A0E09;
  --notice-scheduled-text: var(--blue-hover);
  --notice-resolved-text: #0B3D2B;

  /* Assist mode (board 07) */
  --assist: #F2B33D;
  --assist-text: #2A1A00;

  /* Typography */
  --font: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Type scale (rem: respects the browser font size). */
  --t-key: 0.6875rem;  /* 11 */
  --t-12: 0.75rem;
  --t-13: 0.8125rem;
  --t-14: 0.875rem;
  --t-15: 0.9375rem;
  --t-16: 1rem;
  --t-18: 1.125rem;
  --t-22: 1.375rem;
  --t-26: 1.625rem;
  --t-34: clamp(1.625rem, 1.2rem + 1.5vw, 2.125rem);
  --t-44: clamp(2rem, 1.4rem + 2.2vw, 2.75rem);

  /* Spacing */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px;
  --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 64px;

  --radio: 4px;
  --radio-2: 6px;
  --control: 2.125rem;   /* minimum height of buttons and segments (34 px) */
  --control-2: 2.5rem;   /* primary buttons and fields (40 px) */
  --focus: 2px solid var(--accent);
}

.env-sandbox {
  --accent: var(--sandbox);
  --accent-hover: var(--sandbox-dark);
}