/* ===========================================================================
   COLORS — Adriano Barboza
   Black is the base. Off-white is the paper. The palette is rich but applied
   with restraint: ONE color per shape, on rounded bento blocks, over black or
   off-white. Text is preferably black. Never combine palette colors in a
   single shape; never stack palette colors on top of each other.
   =========================================================================== */

:root {
  /* ---- Core base ---- */
  --black: #000000;          /* PRETO — primary base, text, backgrounds */
  --off-white: #FFFDE1;      /* OFF-WHITE — the brand "paper", warm white */

  /* ---- Expressive palette (single-color bento fills) ---- */
  --yellow: #FDD580;         /* AMARELO */
  --salmon: #FF7F63;         /* SALMÃO */
  --beige: #FFD2A6;          /* BEGE */
  --mint: #BDC691;           /* VERDE MENTA */
  --lime: #A0F45F;           /* VERDE LIMA */
  --olive: #636B2F;          /* VERDE OLIVA */
  --ochre: #B38E37;          /* OCRE */
  --brown: #986A4C;          /* MARROM */
  --terracotta: #E35336;     /* TERRACOTA */
  --green: #006949;          /* VERDE */

  /* ---- Neutral ramp (derived from black/off-white for UI chrome) ---- */
  --ink-900: #000000;
  --ink-700: #2b2b29;
  --ink-500: #5a5a52;
  --ink-300: #9a9a8e;
  --ink-100: #d9d7c4;
  --paper-tint: #f5f2d8;     /* off-white, slightly deepened for surfaces */

  /* ---- Semantic aliases ---- */
  --bg: var(--black);              /* default brand background */
  --bg-paper: var(--off-white);    /* light editorial background */
  --surface-card: var(--off-white);
  --surface-card-dark: #111110;    /* near-black raised block on black */
  --border-subtle: rgba(255, 253, 225, 0.16);  /* hairline on dark */
  --border-ink: rgba(0, 0, 0, 0.12);            /* hairline on light */

  --text-strong: var(--black);     /* body & titles on light */
  --text-muted: #6a6a5f;           /* secondary text on light */
  --text-on-dark: var(--off-white);/* text on black */
  --text-on-dark-muted: rgba(255, 253, 225, 0.62);

  /* Accent defaults — swap per composition; lime reads as the "active" accent */
  --accent: var(--lime);
  --accent-warm: var(--terracotta);
  --accent-quiet: var(--mint);

  /* Focus ring */
  --focus-ring: #006949;
}