:root{
/* ── Primary (brand green/teal) ───────────────────────── */
--pp-green:#29A6A4;
--pp-green-dark:#238D8B;
--pp-green-text:#29A5A4;      /* text/icon variant used in applied pages */
--pp-green-50:#EEF9F8;        /* brand-100 tint surface */
--pp-green-bright:#0CCAC5;    /* logo mark gradient start */
--pp-green-deep:#00A9A5;      /* logo mark gradient end */

/* ── Accent (the PlayPatrol CTA gradient stops) ────────── */
--pp-accent-pink:#DF2651;
--pp-accent-purple:#6F4BB6;
--pp-accent-2:#BC3271;
--pp-accent-3:#993D90;
--pp-accent-4:#7948AD;
--pp-violet:#804EC2;          /* Casino operators / Operators audience */
--pp-royal:#B62B61;           /* Game providers audience */
--pp-rose:#DB2756;            /* icon fill accent */

/* ── Gradients ─────────────────────────────────────────── */
--pp-gradient-accent:linear-gradient(122.747deg,#DF2651 5.74%,#6F4BB6 103.17%); /* @kind color */
--pp-gradient-cta:linear-gradient(91.991deg,#DF2651 0%,#6F4BB6 100%); /* @kind color */
--pp-gradient-icon:linear-gradient(132.874deg,#DF2651 7.6%,#6F4BB6 104.44%); /* @kind color */
--pp-gradient-surface-cool:linear-gradient(222.311deg,#F4F6F9 16.18%,#F6F9FB 104.88%); /* @kind color */
--pp-gradient-nav:linear-gradient(265.928deg,#F4F6F9 31.67%,#F6F9FB 101.45%); /* @kind color */
--pp-gradient-surface-brand:linear-gradient(180deg,#DBE5FB 0%,#FAF0F1 100%); /* @kind color */

/* ── Surfaces ──────────────────────────────────────────── */
--pp-white:#FFFFFF;
--pp-surface-2:#FBFBFB;
--pp-surface-3:#F5F8FA;
--pp-surface-table-head:#F3F8FF;
--pp-surface-spec:#EDEDF5;    /* design-system spec sheet background */
--pp-surface-page:#F4F5FA;    /* the marketing page canvas */
--pp-surface-band:#F4F6F9;    /* full-bleed section band */
--pp-ink-pill:#0E1530;        /* "ANY GEO" pill */
--pp-surface-dark:#0F172B;
--pp-surface-tertiary:#233A59; /* primary button fill */

/* ── Neutrals & text ───────────────────────────────────── */
--pp-text:#0F172B;
--pp-text-strong:#0D1526;
--pp-text-ink:#14141F;
--pp-text-muted:#45556C;
--pp-text-soft:#425A7D;
--pp-text-slate:#314158;
--pp-text-list:#314158;
--pp-text-placeholder:#717182;
--pp-text-faint:#8B9BB4;
--pp-text-spec:#85859E;
--pp-border:#CCD9ED;
--pp-border-soft:#D1D1E0;
--pp-border-hairline:#F0F2F5;
--pp-black:#222222;           /* logo wordmark */

/* ── Status ────────────────────────────────────────────── */
--pp-success:#00BFB3;
--pp-success-bg:#E6F8F7;
--pp-warning:#F59E0B;
--pp-warning-bg:#FDF2D6;
--pp-error:#EC221F;
--pp-error-text:#D92121;
--pp-error-bg:#FCE3E3;
--pp-info:#0D7DD9;
--pp-info-bg:#DEF0FC;

/* ── Semantic aliases ──────────────────────────────────── */
--text-body:var(--pp-text);
--text-heading:var(--pp-text-strong);
--text-secondary:var(--pp-text-muted);
--text-on-dark:var(--pp-white);
--surface-page:var(--pp-surface-page);
--surface-card:var(--pp-white);
--surface-card-alt:var(--pp-surface-2);
--surface-accent:var(--pp-gradient-surface-brand);
--border-default:var(--pp-border);
--accent-brand:var(--pp-green);
--link:var(--pp-green-text);
--link-hover:var(--pp-green-dark);
}