/* OJBP — Color Tokens */

:root {
  /* ── Brand Primary ── */
  --color-teal-100: #e6faf6;
  --color-teal-200: #b3ede3;
  --color-teal-300: #66d9c4;
  --color-teal-400: #33c9af;
  --color-teal-500: #0fb694; /* OJBP primary green — logo mark */
  --color-teal-600: #0d9f81;
  --color-teal-700: #0a7d65;
  --color-teal-800: #075c49;

  /* ── 2026 Event Accents ── */
  --color-magenta:  #ff36ab; /* Filarmônica Inclusiva 2026 accent */
  --color-purple:   #a682ff;
  --color-lime:     #7ad41a;
  --color-cyan:     #00ccd9;
  --color-yellow:   #f2cd00;
  --color-sky:      #00c4ff;

  /* ── Neutrals ── */
  --color-white:    #ffffff;
  --color-fog:      #F3F6F2; /* gradient endpoint — user-specified */
  --color-stone-50: #f8f8f6;
  --color-stone-100:#eeeeeb;
  --color-stone-200:#dcdcd7;
  --color-stone-300:#c0c0b8;
  --color-stone-400:#9a9a90;
  --color-stone-500:#777777; /* logo text gray */
  --color-stone-600:#555550;
  --color-stone-700:#333330;
  --color-stone-800:#1f1f1c;
  --color-stone-900:#111111;

  /* ── Institutional — Governo Federal / Ministério da Cultura (PRONAC) ── */
  /* Required co-branding for all PRONAC-funded materials */
  --color-gov-green:  #00cf00;
  --color-gov-yellow: #ffcf00;
  --color-gov-blue:   #0066b2;
  --color-gov-red:    #f2382e;
  --color-gov-navy:   #003b5c;
  --color-gov-dark:   #3d3d3d;

  --color-bg:           var(--color-white);
  --color-bg-subtle:    var(--color-fog);
  --color-surface:      var(--color-white);
  --color-surface-raised: var(--color-stone-50);
  --color-border:       var(--color-stone-200);
  --color-border-subtle:var(--color-stone-100);

  --color-text-primary: var(--color-stone-900);
  --color-text-body:    var(--color-stone-700);
  --color-text-muted:   var(--color-stone-500);
  --color-text-on-dark: var(--color-white);

  --color-brand:        var(--color-teal-500);
  --color-brand-hover:  var(--color-teal-600);
  --color-brand-active: var(--color-teal-700);

  /* ── Background gradient ── */
  --gradient-bg: radial-gradient(ellipse at center, var(--color-white) 0%, var(--color-fog) 100%);
  --gradient-hero: linear-gradient(180deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.80) 100%); /* @kind other */
}