/* OneHub — colour tokens.
   Two brand colours over a neutral grayscale. One brand colour per block. */
:root{
  /* Brand */
  --oh-blue:#0246FF;        /* primary brand blue */
  --oh-cyan:#02D8FF;        /* accent / energy — small marks, borders, gradients */
  --oh-blue-deep:#062173;   /* navy — small headings, dark sections */
  --oh-blue-004:#0044FD;    /* primary hover / gradient end */
  --oh-cyan-025:#25D8FD;    /* gradient start variant */
  --oh-navy-ink:#050D2E;    /* KV / hero night background (CT1 palette floor) */
  --oh-navy-ink-2:#0A1A4D;  /* KV night gradient top */

  /* Signature gradient */
  --oh-gradient:linear-gradient(90deg,#00DAFF 0%,#0043FF 100%); /* @kind color */
  --oh-gradient-diag:linear-gradient(135deg,#00DAFF 0%,#0043FF 100%); /* @kind color */
  --oh-gradient-vert:linear-gradient(180deg,#07D8FD 0%,#0044FD 100%); /* @kind color */

  /* Brand tints */
  --oh-blue-50:#EBF0FF;
  --oh-blue-100:#C5D4FF;
  --oh-blue-200:#B1C1FB;
  --oh-blue-300:#879DF7;
  --oh-blue-400:#6E80AB;
  --oh-cyan-50:#E4FBFF;
  --oh-cyan-700:#006A82;

  /* Neutral */
  --oh-black:#0F0F0F;
  --oh-gray-900:#1A1A1A;
  --oh-gray-700:#4A4A4A;
  --oh-gray-500:#717171;
  --oh-gray-300:#B8B8B8;
  --oh-gray-200:#D9D9D9;
  --oh-gray-100:#F5F5F5;
  --oh-gray-50:#FAFAFA;
  --oh-white:#FFFFFF;

  /* Semantic status */
  --oh-danger:#C62828;
  --oh-danger-50:#FCECEC;
  --oh-success:#00A886;
  --oh-success-deep:#006655;
  --oh-success-50:#E3F7F2;

  /* Foreground */
  --fg-1:var(--oh-black);
  --fg-2:var(--oh-gray-900);
  --fg-3:var(--oh-gray-700);
  --fg-4:var(--oh-gray-500);
  --fg-5:var(--oh-gray-300);
  --fg-brand:var(--oh-blue);
  --fg-brand-deep:var(--oh-blue-deep);
  --fg-on-brand:var(--oh-white);

  /* Background */
  --bg-1:var(--oh-white);
  --bg-2:var(--oh-gray-100);
  --bg-3:var(--oh-gray-50);
  --bg-brand-soft:var(--oh-blue-50);
  --bg-brand:var(--oh-blue);
  --bg-brand-deep:var(--oh-blue-deep);
  --bg-brand-gradient:var(--oh-gradient);
  --bg-night:var(--oh-navy-ink);

  /* Border */
  --border-1:var(--oh-gray-200);
  --border-2:var(--oh-gray-300);
  --border-brand:var(--oh-cyan);
  --border-brand-soft:var(--oh-blue-100);
}