/* Tulio Digital — Color tokens
   "Cor é linguagem, não decoração." Dark theme with a terminal/code identity;
   neon green is the single action color, orange the one alert accent. */
:root {
  /* ---- Brand green (destaque / ação) ---- */
  --green-neon: #3DF59B;   /* primary CTA, links, highlights */
  --green-deep: #0FBF73;   /* dark stop of the green gradient */
  --green-ink:  #06140D;   /* near-black green — text ON green buttons */

  /* ---- Backgrounds (escuros) ---- */
  --bg-base:    #0A0D0C;   /* main page background */
  --bg-block:   #0B100E;   /* alternating block background */
  --bg-hero:    #060908;   /* black used in hero gradients */
  --bg-card:    #111613;   /* card surface */
  --bg-card-2:  #111714;   /* card surface, warmer variant */

  /* ---- Text ---- */
  --text-title:  #F2F6F3;  /* headings — quase branco */
  --text-hero:   #C2CBC4;  /* hero subtitle */
  --text-body:   #AEB8B1;  /* default body text */
  --text-muted:  #9AA59D;  /* secondary paragraphs */
  --text-nav:    #8C988F;  /* navigation links */
  --text-card:   #B8C2BB;  /* text inside cards */
  --text-card-2: #909B92;  /* muted text inside cards */

  /* ---- Borders / secondary accent ---- */
  --border-card:  #1C2722; /* card borders */
  --border-photo: #2A3F36; /* framed-photo border */
  --orange-alert: #FFB347; /* alert / high-contrast accent */

  /* ---- Semantic aliases ---- */
  --color-accent:        var(--green-neon);
  --color-accent-hover:  #5CF7AC;
  --color-accent-press:  var(--green-deep);
  --color-on-accent:     var(--green-ink);
  --surface-page:        var(--bg-base);
  --surface-card:        var(--bg-card);
  --surface-hero:        var(--bg-hero);
  --border-default:      var(--border-card);
  --link:                var(--green-neon);
  --alert:               var(--orange-alert);

  /* ---- Gradients ---- */
  --gradient-green: linear-gradient(180deg, var(--green-neon) 0%, var(--green-deep) 100%);
  --gradient-hero:  radial-gradient(120% 90% at 50% -10%, #0E1A14 0%, var(--bg-base) 45%, var(--bg-hero) 100%);
}