/* ============================================================
   GO FLY CLUB — COLOR TOKENS
   Brand palette v3 NEON (rebranding):
     #DBFF00 neon (destaque) · #D6168F fúcsia (ação)
     #FFFFFF white · #000000 black · cool ink scale
   The system is BLACK-FIRST: deep near-black base, neon as a
   high-contrast highlight, fúcsia reserved for action.
   Neon and fúcsia never touch — always separated by black/white.
   ============================================================ */
:root {
  /* --- Brand base (v3 neon values) --- */
  --gfc-neon:          #DBFF00; /* primary highlight (destaque) */
  --gfc-neon-bright:   #E9FF4D; /* glow / hover */
  --gfc-fuchsia:       #D6168F; /* action (ação) */
  --gfc-white:         #FFFFFF;
  --gfc-black:         #000000;
  --gfc-gray:          #C7C7CF; /* light gray */

  /* --- Neon scale (destaque) --- */
  --neon-050: #FCFFE0;
  --neon-100: #F4FFB0;
  --neon-200: #ECFF7A;
  --neon-300: #E9FF4D; /* bright / hover */
  --neon-400: #DBFF00; /* = brand primary */
  --neon-500: #C2E200; /* deeper */
  --neon-600: #9DB800; /* on-surface / rebaixado */
  --neon-700: #6E8000; /* shadow line */

  /* --- Fúcsia scale (ação) --- */
  --fuchsia-050: #FCE4F1;
  --fuchsia-100: #F7B8DB;
  --fuchsia-200: #F06AB6;
  --fuchsia-300: #F0269A; /* hover / active */
  --fuchsia-400: #D6168F; /* = action core */
  --fuchsia-500: #A2106A; /* press */
  --fuchsia-600: #740B4C;
  --fuchsia-700: #4A0730;

  /* legacy aliases (yellow-* → neon-*) for older components */
  --yellow-400: var(--neon-400);
  --yellow-500: var(--neon-500);
  --yellow-600: var(--neon-600);

  /* --- Ink / neutral scale (cool near-black to white) --- */
  --ink-950: #08080A;
  --ink-900: #0C0C0E; /* page background */
  --ink-850: #111114;
  --ink-800: #16161A; /* card surface */
  --ink-700: #1E1E22; /* raised surface */
  --ink-600: #2A2A30;
  --ink-500: #3C3C44;
  --ink-400: #56565F;
  --ink-300: #7C7C86;
  --ink-200: #A6A6AE;
  --ink-100: #CFCFD4;
  --ink-075: #E6E7E8; /* = brand gray */
  --ink-050: #F3F3F4;
  --ink-000: #FFFFFF;

  /* --- Semantic status (harmonized to the palette) --- */
  --success-500: #3FBF6A;
  --success-100: #173A26;
  --danger-500:  #FF4D40;
  --danger-100:  #3A1614;
  --warning-500: #FFB020;
  --info-500:    #4EA8FF;

  /* ============================================================
     SEMANTIC ALIASES — reach for these in components
     ============================================================ */
  /* Backgrounds & surfaces */
  --bg:            var(--ink-900);
  --bg-elevated:   var(--ink-850);
  --surface:       var(--ink-800);
  --surface-raised:var(--ink-700);
  --surface-sunken:var(--ink-950);
  --surface-card:  var(--ink-800);

  /* Text */
  --text:        var(--ink-050);
  --text-strong: var(--ink-000);
  --text-muted:  var(--ink-200);
  --text-dim:    var(--ink-300);
  --text-on-accent: var(--gfc-black);

  /* Accent — neon = destaque */
  --accent:        var(--neon-400);
  --accent-bright: var(--neon-300);
  --accent-hover:  var(--neon-300);
  --accent-press:  var(--neon-500);
  --accent-ink:    var(--gfc-black);
  --accent-soft:   rgba(219, 255, 0, 0.14);

  /* Action — fúcsia (buttons, CTA, active) */
  --action:        var(--fuchsia-400);
  --action-hover:  var(--fuchsia-300);
  --action-press:  var(--fuchsia-500);
  --action-ink:    var(--gfc-white);
  --action-soft:   rgba(214, 22, 143, 0.14);

  /* Lines & borders */
  --border:        rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.20);
  --border-accent: var(--neon-400);
  --hairline:      rgba(255, 255, 255, 0.06);

  /* Focus ring — fúcsia (foco = ação possível) */
  --ring: rgba(214, 22, 143, 0.55);

  /* Status semantics */
  --success: var(--success-500);
  --danger:  var(--danger-500);
  --warning: var(--warning-500);
  --info:    var(--info-500);
}

/* ----- Light surface scope -----
   Apply class="gfc-light" on a container for white sections
   (forms, articles) while keeping the same accent language. */
.gfc-light {
  --bg:            var(--ink-000);
  --bg-elevated:   var(--ink-050);
  --surface:       var(--ink-000);
  --surface-raised:var(--ink-050);
  --surface-sunken:var(--ink-075);
  --surface-card:  var(--ink-000);
  --text:        var(--ink-900);
  --text-strong: var(--gfc-black);
  --text-muted:  var(--ink-400);
  --text-dim:    var(--ink-300);
  --border:        rgba(0, 0, 0, 0.12);
  --border-strong: rgba(0, 0, 0, 0.24);
  --hairline:      rgba(0, 0, 0, 0.07);
  --accent-soft:   rgba(219, 255, 0, 0.22);
  --accent-ink:    var(--gfc-black);
  --action-soft:   rgba(214, 22, 143, 0.12);
}