/* Gravitee colour palette — Brand Guidelines 14.05.2026.
   Two darks, two lights, one gradient. Black is the predominant colour: "hold nothing back".
   There are no blues, no purples and no tinted greys in this brand. */
:root{
  /* --- Base palette --- */
  --gv-black:#000000;          /* Black       — the default page */
  --gv-ink:#131312;            /* Ink         — near-black surface */
  --gv-dark-grey:#292929;      /* Dark Grey   — raised surface */
  --gv-char:#230e0e;           /* Char        — warm black, red-shifted */
  --gv-smoke:#4d3b3a;          /* Smoke       — warm grey, borders/muted type */
  --gv-off-white:#faf1ec;      /* Off White   — the light page */
  --gv-white:#ffffff;          /* White */
  --gv-fire:#ff171a;           /* Fire        — primary accent (red) */
  --gv-sunlight:#ff8b00;       /* Sunlight    — secondary accent (orange) */
  --gv-grav-red-from:#f31013;  /* Grav Red gradient start */
  --gv-grav-red-to:#ff8a00;    /* Grav Red gradient end */

  /* --- Neutral ramp, derived from the warm darks (never bluish) --- */
  --gv-grey-900:#131312;
  --gv-grey-800:#1c1b1a;
  --gv-grey-700:#292929;
  --gv-grey-600:#3a3736;
  --gv-grey-500:#4d3b3a;
  --gv-grey-400:#7a6b69;
  --gv-grey-300:#a89b98;
  --gv-grey-200:#d6ccc7;
  --gv-grey-100:#ece2dc;
  --gv-grey-050:#faf1ec;

  /* --- Signature gradient --- */
  --gv-gradient:linear-gradient(45deg,var(--gv-grav-red-from) 0%,var(--gv-grav-red-to) 100%);
  --gv-gradient-soft:linear-gradient(45deg,color-mix(in srgb,var(--gv-fire) 22%,transparent),color-mix(in srgb,var(--gv-sunlight) 22%,transparent));
  --gv-gradient-text:linear-gradient(45deg,var(--gv-grav-red-from),var(--gv-grav-red-to));

  /* --- Semantic aliases: dark theme is the default Gravitee canvas --- */
  --surface-page:var(--gv-black);
  --surface-card:var(--gv-ink);
  --surface-raised:var(--gv-dark-grey);
  --surface-sunken:#0a0a0a;
  --surface-inverse:var(--gv-off-white);
  --surface-accent:var(--gv-fire);

  --text-heading:var(--gv-off-white);
  --text-body:#e6dcd6;
  --text-muted:var(--gv-grey-300);
  --text-faint:var(--gv-grey-400);
  --text-inverse:var(--gv-ink);
  --text-accent:var(--gv-fire);
  --text-on-accent:var(--gv-white);

  --border-subtle:rgba(250,241,236,.12);
  --border-strong:rgba(250,241,236,.28);
  --border-accent:var(--gv-fire);

  --link:var(--gv-sunlight);
  --link-hover:var(--gv-fire);

  /* --- Status: warm-only, borrowed from the accent pair; green used sparingly --- */
  --status-success:#2fbf71;
  --status-warning:var(--gv-sunlight);
  --status-danger:var(--gv-fire);
  --status-info:var(--gv-grey-300);
  --status-success-bg:rgba(47,191,113,.14);
  --status-warning-bg:rgba(255,139,0,.14);
  --status-danger-bg:rgba(255,23,26,.14);
  --status-info-bg:rgba(250,241,236,.08);
}
/* Light theme: Off White page, Ink type. Same accents. */
[data-theme="light"]{
  --surface-page:var(--gv-off-white);
  --surface-card:var(--gv-white);
  --surface-raised:var(--gv-white);
  --surface-sunken:var(--gv-grey-100);
  --surface-inverse:var(--gv-ink);
  --text-heading:var(--gv-ink);
  --text-body:#2b2725;
  --text-muted:var(--gv-grey-500);
  --text-faint:var(--gv-grey-400);
  --text-inverse:var(--gv-off-white);
  --border-subtle:rgba(19,19,18,.12);
  --border-strong:rgba(19,19,18,.24);
  --link:var(--gv-fire);
  --link-hover:var(--gv-sunlight);
  --status-info-bg:rgba(19,19,18,.06);
}