/* Arkensight colour tokens.
   Brand palette = KNJIGA STANDARDA 2026 / "Colors" slide (exact HEX).
   Surface & product values = WEB page + Figma Variables ("your_brand" mode). */
:root{
  /* — Brand palette (brand book) — */
  --ark-light-green:#96FF8F;
  --ark-light-blue:#4045FF;
  --ark-dark-blue:#231DC7;
  --ark-red:#E30000;
  --ark-green-gray:#BCD2C8;
  --ark-purple:#B300DF;
  --ark-dark-gray:#4F4F4F;
  --ark-background:#141414;
  --ark-white:#FFFFFF;
  --ark-black:#000000;

  /* — Supporting tones seen in the brand book / web — */
  --ark-deep-blue:#0600B5;        /* "Visual identity" intro slide ground */
  --ark-periwinkle:#7176FF;       /* type + corner marks on deep blue */
  --ark-ink:#141414;              /* black type on green */
  --ark-gray-1e:#1E1E1E;          /* web cards / placeholders */
  --ark-gray-1d:#1D1D1D;          /* muted fills, dividers */
  --ark-gray-36:#363636;          /* hover / outline */
  --ark-gray-5a:#5A5A5A;          /* muted foreground */

  /* — Product (platform app) palette, Figma Variables "your_brand" — */
  --app-primary:#7AFF70;
  --app-primary-fg:#141414;
  --app-success-bg:#09220D;
  --app-destructive:#FF5858;
  --app-destructive-bg:#2C1212;
  --app-destructive-border:#EF4444;
  --app-focus-ring:#96FF8F;
  --app-focus-ring-error:#FCA5A5;

  /* — Semantic aliases — */
  --bg-page:var(--ark-background);
  --bg-section-deep:var(--ark-black);
  --bg-section-accent:var(--ark-light-green);
  --bg-section-blue:var(--ark-deep-blue);
  --surface-card:var(--ark-gray-1e);
  --surface-muted:var(--ark-gray-1d);
  --surface-hover:var(--ark-gray-36);
  --surface-popover:var(--ark-black);

  --fg-1:var(--ark-green-gray);   /* primary text on dark (product + guidelines) */
  --fg-accent:var(--ark-light-green); /* marketing text, lines, CTAs on dark */
  --fg-muted:var(--ark-gray-5a);
  --fg-inverse:var(--ark-ink);    /* text on green */
  --fg-on-blue:var(--ark-periwinkle);
  --fg-alert:var(--ark-red);

  --border-subtle:var(--ark-gray-1d);
  --border-default:var(--ark-gray-36);
  --border-accent:var(--ark-light-green);
  --border-on-light:var(--ark-black);

  --status-success-fg:var(--app-primary);
  --status-success-bg:var(--app-success-bg);
  --status-danger-fg:var(--app-destructive);
  --status-danger-bg:var(--app-destructive-bg);

  --link:var(--ark-light-green);
  --link-hover:var(--ark-white);
}
