/* TV Marcelo — Color system
   Single strong RED accent against black & white.
   Red is the brand; neutrals do the heavy lifting. */
:root{
  /* ---- Brand red scale ---- */
  --red-50:#fdecec;
  --red-100:#fad2d3;
  --red-200:#f3a3a5;
  --red-300:#e96a6d;
  --red-400:#dc3a3f;
  --red-500:#c8102e;   /* primary brand red */
  --red-600:#a90d22;   /* pressed / gradient bottom */
  --red-700:#870a1b;
  --red-800:#5e0712;

  /* ---- Ink / neutral scale ---- */
  --black:#0d0d0f;      /* near-black brand base */
  --ink-900:#141417;
  --ink-800:#1f2024;
  --ink-700:#33353b;
  --ink-600:#54575f;
  --ink-500:#767a83;
  --ink-400:#9a9ea6;
  --ink-300:#c2c5cb;
  --ink-200:#e0e2e6;
  --ink-100:#eff0f2;
  --ink-50:#f7f8f9;
  --white:#ffffff;

  /* ---- Semantic ---- */
  --success:#1f9d55;
  --warning:#e2a400;
  --info:#2563c8;
  --danger:var(--red-500);

  /* ---- Aliases: surfaces ---- */
  --surface-page:var(--white);
  --surface-card:var(--white);
  --surface-sunken:var(--ink-50);
  --surface-inverse:var(--black);
  --surface-brand:var(--red-500);

  /* ---- Aliases: text ---- */
  --text-strong:var(--ink-900);
  --text-body:var(--ink-700);
  --text-muted:var(--ink-500);
  --text-inverse:var(--white);
  --text-brand:var(--red-500);
  --text-on-brand:var(--white);

  /* ---- Aliases: lines ---- */
  --border-subtle:var(--ink-200);
  --border-strong:var(--ink-300);
  --border-brand:var(--red-500);

  /* ---- Brand gradient (logo-style vertical red) ---- */
  --grad-red:linear-gradient(180deg,var(--red-400) 0%,var(--red-600) 100%);
  --grad-ink:linear-gradient(180deg,var(--ink-800) 0%,var(--black) 100%);
}