/* Sinky / CopilotCRM.ai — colour system.
   Values transcribed verbatim from the Figma file (Brand-Book slides 13-15 and the
   two Figma Variable collections). Do not round or re-derive. */

:root{
/* ── Brand palette (Brand Book, slide 14) ─────────────────────────── */
--royal:#4576FF; /* @kind color */
--foundation:#FFFFFF; /* @kind color */
--core:#111111; /* @kind color */

/* ── Working blues (Figma "Bleu" scale) ──────────────────────────── */
--blue-20:#DBDFFF; /* @kind color */
--blue-40:#AFB9FF; /* @kind color */
--blue-60:#4576FF; /* @kind color */
--skyblue:#BACCFF; /* @kind color */
--primary-blue:#A4D9FF; /* @kind color */
--blue-glow-1:#618BFF; /* @kind color */
--blue-glow-2:#8F9DFF; /* @kind color */
--blue-deep:#294799; /* @kind color */

/* ── Neutral ramp (Figma "Neutral" scale) ────────────────────────── */
--neutral-0:#FFFFFF; /* @kind color */
--neutral-10:#FAFAFA; /* @kind color */
--neutral-20:#EBECEE; /* @kind color */
--neutral-30:#AEAEAE; /* @kind color */
--neutral-40:#949494; /* @kind color */
--neutral-50:#7B7B7B; /* @kind color */
--neutral-60:#636363; /* @kind color */
--neutral-70:#4C4C4C; /* @kind color */
--neutral-80:#23252C; /* @kind color */
--neutral-90:#13141A; /* @kind color */
--neutral-100:#101010; /* @kind color */

/* ── Cool neutral ramp (second Figma collection, app tables/forms) ─ */
--cool-50:#FFFFFF; /* @kind color */
--cool-100:#F1F5F8; /* @kind color */
--cool-300:#DAE0E7; /* @kind color */
--cool-400:#BAC1C9; /* @kind color */
--cool-600:#404549; /* @kind color */
--cool-700:#001020; /* @kind color */
--ink-900:#0D0D0E; /* @kind color */
--ink-800:#202020; /* @kind color */

/* ── Semantic accents (observed in UI-Design) ────────────────────── */
--success:#5EC269; /* @kind color */
--warning:#F6C99F; /* @kind color */
--info:#8FC2E7; /* @kind color */
--danger:#A63D40; /* @kind color */
--danger-bright:#EA3D32; /* @kind color */

/* ── Dark-surface system: the product's real chrome ──────────────── */
--surface-page:#101010; /* @kind color */
--surface-card:rgba(255,255,255,0.02); /* @kind color */
--surface-raised:rgba(255,255,255,0.03); /* @kind color */
--surface-well:#0D0D0E; /* @kind color */
--surface-panel:#202020; /* @kind color */

--border-hairline:rgba(239,239,239,0.08); /* @kind color */
--border-subtle:#282828; /* @kind color */
--border-strong:rgba(239,239,239,0.5); /* @kind color */
--border-light:#F3F3F3; /* @kind color */

--text-primary:#FFFFFF; /* @kind color */
--text-secondary:rgba(255,255,255,0.6); /* @kind color */
--text-muted:#A0A0A0; /* @kind color */
--text-inverse:#101010; /* @kind color */
--text-on-light:#121212; /* @kind color */
--text-on-light-muted:#666666; /* @kind color */

/* ── Signature gradients ─────────────────────────────────────────── */
--gradient-cta:linear-gradient(90deg,#4576FF 0%,#AFB9FF 100%); /* @kind color */
--gradient-cta-reverse:linear-gradient(90deg,#AFB9FF 0%,#4576FF 100%); /* @kind color */
--gradient-linear-sinky:linear-gradient(0deg,#BACCFF 0%,#4576FF 50.48%,#294799 100%); /* @kind color */
--gradient-sun:radial-gradient(closest-side at 40% 16.25%,#4576FF 0%,#618BFF 53.05%,#8F9DFF 85.42%,#AFB9FF 100%); /* @kind color */
--gradient-spectrum:conic-gradient(from 165deg at 50% 50%,#4576FF 47.4deg,#111111 176.54deg,#FFFFFF 360deg); /* @kind color */
--gradient-nav-active:linear-gradient(-63.833deg,rgba(69,118,255,0.15) 0.07%,rgba(69,118,255,0) 100%); /* @kind color */
--gradient-star-mask:radial-gradient(1018px 559px at 50% 50%,#FFFFFF 17.51%,rgba(255,255,255,0) 100%); /* @kind color */
}

a{color:var(--blue-40);text-decoration:none}
a:hover{color:var(--neutral-0)}