/* RayTen Introducer Portal — Soft Block
   Depth comes from tone, not shadow. Canvas grey to white card is the whole
   hierarchy. Single theme, light only: inverting it dissolves the system. */

:root {
  /* surfaces */
  --canvas:#F7F7FF;
  --raised:#FFFFFF;
  --sunken:#EDEDF7;

  /* ink */
  --ink:#1B1B3A;
  --ink-2:#6B6B7F;
  --hairline:#E4E4F0;

  /* accent */
  --accent:#5465FF;
  --accent-ink:#4652CE;
  --accent-soft:#E0E3FF;

  /* highlight */
  --highlight:#BF50FF;
  --highlight-soft:#F5E3FF;

  /* buttons */
  --btn:#1B1B3A;
  --btn-2:#4B5AE1;

  /* pipeline ramp, tints with Ink text, position means progress */
  --pl-1:#EEF0FF;
  --pl-2:#E0E3FF;
  --pl-3:#EAE1FF;
  --pl-4:#F5E3FF;
  --pl-5:#EED2FF;

  /* money states, chips only */
  --paid-i:#1F7A5C; --paid-b:#E6F4EF;
  --wait-i:#635C50; --wait-b:#F0EEEB;
  --over-i:#B03A48; --over-b:#FBEBED;

  /* ink on tinted blocks. Step DOWN from --ink, never up from --ink-2:
     --ink-2 is 4.9:1 on canvas but only 4.2:1 on --accent-soft. */
  --ink-on-tint:rgba(27,27,58,0.72);
  --ink-on-tint-soft:rgba(27,27,58,0.68);

  /* type */
  --font:'Google Sans','Inter',system-ui,-apple-system,sans-serif;

  /* radius */
  --r-card:20px;
  --r-inner:16px;
  --r-input:12px;
  --r-pill:999px;

  /* motion. Colour and background only. No transforms. */
  --t:150ms ease;

  /* layout */
  --rail:236px;
  --gap:20px;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--canvas);
  color: var(--ink);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}

table { font-variant-numeric: tabular-nums; }

/* Six sizes only. No middle tier. */
.t-metric     { font-size: 44px; font-weight: 600; letter-spacing: -0.03em; line-height: 1.1; }
.t-page-title { font-size: 30px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.2; }
.t-card-title { font-size: 17px; font-weight: 600; line-height: 1.35; }
.t-body       { font-size: 15px; font-weight: 400; }
.t-meta       { font-size: 13px; font-weight: 500; }
.t-micro      { font-size: 12px; font-weight: 500; letter-spacing: 0.06em; }

/* Sentence case is a writing rule, enforced in the copy.
   text-transform is banned outright — see tools/check-css.sh */

:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}

::selection { background: var(--accent-soft); color: var(--ink); }