/* Bela Martins — COLOR. Four colors. One rule: less is everything.
   Area proportion 70 neutrals / 20 bordô / 10 rosa-pó.
   Rosa-pó is a TYPE colour only — never a field, never a background (max 10% of area).
   Bordô is the only accent that may fill a whole field (the bordô cover).
   No pure #FFFFFF, no pure #000000, no fifth colour. */

:root {
  /* ---- Base palette (the only four) ---- */
  --preto: #0F0F0F;   /* deep black — dark covers, quotes, body on light, final CTA */
  --branco: #FAF7F2;  /* warm white — light slides, text on dark */
  --rosa: #E8B4B8;    /* rosa-pó — type & stroke only: numeral, rule, pill, eyebrow, single word on dark */
  --bordo: #6B2737;   /* bordô — word in a light title, CTA, cover field, hairline on light */

  /* ---- Semantic surfaces ---- */
  --surface-dark: var(--preto);     /* odd-slot / dark slide field */
  --surface-light: var(--branco);   /* even-slot / light slide field */
  --surface-bordo: var(--bordo);    /* the one full-field accent — bordô cover */
  --surface-card: var(--branco);    /* floating card fill (deep black is the rare variant) */
  --surface-card-rare: var(--preto);

  /* ---- Semantic text ---- */
  --text-on-light: var(--preto);    /* body / titles on warm white */
  --text-on-dark: var(--branco);    /* text on deep black or photo shadow */
  --text-accent-light: var(--bordo);/* the one coloured word in a light title */
  --text-accent-dark: var(--rosa);  /* the one rosa-pó word on a dark field */

  /* ---- Strokes & marks ---- */
  --hairline-light: var(--bordo);   /* 1px hairline on warm white (card, pill, mockup) */
  --hairline-dark: var(--rosa);     /* 1px hairline / pill outline on dark */
  --mark-numeral: var(--rosa);      /* the giant numeral — only large-scale rosa allowed */
  --mark-regua: var(--rosa);        /* the 3px rule between title and body */

  /* ---- Tritone recipes (luminance -> colour). Every photo enters the palette. ---- */
  --tritone-dark-shadow: #0F0F0F;   /* odd slot / Reel / dark-slide texture */
  --tritone-dark-mid: #6B2737;
  --tritone-dark-high: #E8B4B8;
  --tritone-light-shadow: #6B2737;  /* even slot / light-slide texture */
  --tritone-light-mid: #E8B4B8;
  --tritone-light-high: #FAF7F2;

  /* Reel-only veil (never on carousel covers — the card carries legibility there) */
  --veil-reel: rgba(15, 15, 15, 0.40);
}