/* ==========================================================================
   Fluir Festival — Color tokens
   Two confirmed sources now:
   1) Wordmark lockups (assets/logo/*.png) — vivid, saturated hues used
      IN the logotype itself.
   2) The official identity deck (reference/weave-pattern-source.png,
      reference/poster-example-source.png) — a softer, slightly muted
      6-hue flat palette used for backgrounds, the woven color-bar motif,
      and the illustration tile grid. THIS is the primary UI/background
      palette; the wordmark variants are kept as a distinct "logo-only"
      saturation level.
   Confirmed 6 hues from the deck: laranja, azul, verde, amarelo, roxo,
   vermelho (red is new — the earlier Cerrado-terracotta hunch was right).
   ========================================================================== */

:root {
  /* ---- Base hues, sampled from the identity deck (primary/background use) ---- */
  --color-roxo-700: #6c3061;
  --color-roxo-800: #56264d;   /* pressed */
  --color-roxo-600: #8a4d7f;   /* hover tint */
  --color-roxo-100: #f1dfec;   /* pale wash for surfaces/badges */

  --color-verde-600: #3d8840;
  --color-verde-700: #337038;  /* pressed */
  --color-verde-500: #5aab5c;  /* hover tint */
  --color-verde-100: #e2f0e0;

  --color-azul-800: #3f54a4;
  --color-azul-900: #313f80;   /* pressed */
  --color-azul-600: #5b70bd;   /* hover tint */
  --color-azul-100: #dfe3f2;

  --color-amarelo-400: #f7dd4d;
  --color-amarelo-500: #ecc927; /* pressed / hover-darken */
  --color-amarelo-100: #fff9d6;

  --color-laranja-500: #f48133; /* Cerrado terracotta/orange — confirmed via deck */
  --color-laranja-600: #d96a20; /* pressed */
  --color-laranja-400: #f7a15f; /* hover tint */
  --color-laranja-100: #fde9d8;

  --color-vermelho-600: #c9302a; /* confirmed via deck — 6th brand hue */
  --color-vermelho-700: #a52620; /* pressed */
  --color-vermelho-400: #d9615c; /* hover tint */
  --color-vermelho-100: #f9dcda;

  /* ---- Wordmark-only variants: more saturated, used strictly IN the logotype ---- */
  --color-roxo-wordmark: #713165;
  --color-verde-wordmark: #459747;
  --color-azul-wordmark: #28387a;
  --color-amarelo-wordmark: #ffe920;

  /* ---- Neutrals: warm paper, not clinical white ---- */
  --color-paper-0: #fdf8f0;    /* app/page background */
  --color-paper-100: #f5ecda; /* recessed surface, section band */
  --color-paper-200: #ebdcc0; /* card border / hairline on paper */

  --color-ink-900: #201021;   /* primary text — near-black w/ a purple cast */
  --color-ink-700: #4a2f42;   /* secondary text */
  --color-ink-400: #8a7684;   /* placeholder / disabled text */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--color-paper-0);
  --surface-recessed: var(--color-paper-100);
  --surface-card: #ffffff;
  --border-subtle: var(--color-paper-200);

  --text-primary: var(--color-ink-900);
  --text-secondary: var(--color-ink-700);
  --text-placeholder: var(--color-ink-400);
  --text-on-dark: var(--color-paper-0);

  --brand-primary: var(--color-roxo-700);
  --brand-primary-hover: var(--color-roxo-600);
  --brand-primary-press: var(--color-roxo-800);

  --brand-accent-green: var(--color-verde-600);
  --brand-accent-blue: var(--color-azul-800);
  --brand-accent-yellow: var(--color-amarelo-400);
  --brand-accent-laranja: var(--color-laranja-500);
  --brand-accent-vermelho: var(--color-vermelho-600);

  --focus-ring: var(--color-azul-600);
}