/* CXthrive palette — normalised sRGB codes, proposal v0.9.
   Never introduce a colour that is not declared here. */
:root{
  /* Base palette */
  --cx-navy:#080638;
  --cx-magenta:#E93698;
  --cx-coral:#F56860;
  --cx-orange:#F59A00;
  --cx-violet:#6270FF;
  --cx-white:#FFFFFF;
  --cx-paper:#F5F5FA;
  --cx-muted:#66647B;

  /* Navy tints — derived for hairlines, hovers and dark-surface layering only.
     Not print colours; always resolve to navy at any opacity above 0.2. */
  --cx-navy-90:#1f1d4c;
  --cx-navy-70:#4a4870;
  --cx-navy-12:rgba(8,6,56,.12);
  --cx-navy-08:rgba(8,6,56,.08);
  --cx-white-16:rgba(255,255,255,.16);
  --cx-white-64:rgba(255,255,255,.64);

  /* Semantic surfaces */
  --surface-page:var(--cx-white);
  --surface-subtle:var(--cx-paper);
  --surface-card:var(--cx-white);
  --surface-deep:var(--cx-navy);
  --surface-deep-raised:var(--cx-navy-90);

  /* Semantic text */
  --text-heading:var(--cx-navy);
  --text-body:var(--cx-navy);
  --text-secondary:var(--cx-muted);
  --text-on-deep:var(--cx-white);
  --text-on-deep-secondary:var(--cx-white-64);
  --text-accent-on-deep:var(--cx-orange); /* 8.69:1 on navy */
  --text-link:var(--cx-navy);
  --text-link-hover:var(--cx-magenta);

  /* Semantic lines */
  --line-hairline:var(--cx-navy-12);
  --line-strong:var(--cx-navy);
  --line-on-deep:var(--cx-white-16);

  /* Accents — energy and attention points. Never the only signal. */
  --accent-primary:var(--cx-magenta);
  --accent-secondary:var(--cx-coral);
  --accent-tertiary:var(--cx-orange);
  --accent-conversation:var(--cx-violet); /* the violet gesture: dialogue + detail */

  /* The horizontal gradient: strokes, details and brief surfaces. Never paragraphs. */
  --cx-gradient:linear-gradient(90deg,#E93698 0%,#F56860 55%,#F59A00 100%);/* @kind other */
  --cx-gradient-diagonal:linear-gradient(135deg,#E93698 0%,#F56860 55%,#F59A00 100%);/* @kind other */
  --cx-gradient-rule:linear-gradient(90deg,#E93698 0%,#F56860 55%,#F59A00 100%);/* @kind other */
}