/* Globit — Color tokens
   Source of truth: Globit Brand Kit (Renkler page) */
:root {
  /* ---- Brand palette (raw) ---- */
  --globit-white:      #ffffff;
  --globit-green:      #03ea76; /* signature brand green */
  --globit-green-deep: #33601a; /* deep moss accent (sparing) */
  --globit-navy:       #27293f; /* indigo-navy support */
  --globit-ink:        #19171a; /* near-black primary dark surface */
  --globit-black:      #000000;

  /* ---- Green ramp (derived from --globit-green) ---- */
  --green-50:  #e7fdf1;
  --green-100: #c2f9dc;
  --green-200: #84f2b9;
  --green-300: #41ec97;
  --green-400: #03ea76; /* = brand green */
  --green-500: #03c563;
  --green-600: #049b50;
  --green-700: #07733d;
  --green-800: #0a5230;
  --green-900: #0b3a24;

  /* ---- Neutral ramp (cool-ink) ---- */
  --ink-0:   #ffffff;
  --ink-50:  #f5f6f7;
  --ink-100: #e8eaed;
  --ink-200: #d0d3da;
  --ink-300: #a7acb8;
  --ink-400: #767c8c;
  --ink-500: #4d5360;
  --ink-600: #34384360;
  --ink-650: #2c2f38;
  --ink-700: #24262e;
  --ink-800: #1d1c21;
  --ink-900: #19171a; /* = brand ink */
  --ink-950: #0c0b0d;

  /* ---- Semantic: dark surfaces (primary marketing context) ---- */
  --bg-base:        var(--globit-black);
  --bg-surface:     #0e0d10;
  --bg-raised:      #19171a;
  --bg-inset:       #050506;
  --border-dark:    rgba(255,255,255,0.10);
  --border-dark-strong: rgba(255,255,255,0.18);
  --text-on-dark:        #ffffff;
  --text-on-dark-muted:  rgba(255,255,255,0.66);
  --text-on-dark-subtle: rgba(255,255,255,0.42);

  /* ---- Semantic: light surfaces (content / institutional context) ---- */
  --bg-light:       #ffffff;
  --bg-light-soft:  #f5f6f7;
  --border-light:   #e8eaed;
  --border-light-strong: #d0d3da;
  --text-on-light:        #19171a;
  --text-on-light-muted:  #4d5360;
  --text-on-light-subtle: #767c8c;

  /* ---- Accent / interactive ---- */
  --accent:         var(--globit-green);
  --accent-hover:   #1ff088;
  --accent-press:   #03c563;
  --accent-quiet:   rgba(3,234,118,0.12);
  --on-accent:      #04140c; /* text on green fills */
  --focus-ring:     rgba(3,234,118,0.55);

  /* ---- Status ---- */
  --success: #03ea76;
  --warning: #f5b301;
  --danger:  #ff5247;
  --info:    #4d7cff;
}