/* FPT Telecom — colour system.
   Values transcribed verbatim from the "Color" design-guideline frame in
   fpt.vn - design guideline 2.0.fig. Do not round or re-derive. */
:root{
/* ── Blue / Primary scale ─────────────────────────────── */
--color-blue-10:#F0F3FE;--color-blue-20:#DDE4FC;--color-blue-30:#C2D0FB;--color-blue-40:#98B2F8;--color-blue-50:#678BF3;--color-blue-60:#4564ED;--color-blue-70:#2F44E1;--color-blue-80:#2631CF;--color-blue-90:#252AA8;--color-blue-100:#232A85;
/* ── Neutral scale ───────────────────────────────────── */
--color-grey-1:#ECECEC;--color-grey-2:#D0D0D0;--color-grey-3:#ACACAC;--color-grey-4:#858585;--color-grey-5:#606060;--color-grey-6:#3D3D3D;--color-grey-7:#343434;--color-grey-8:#2B2B2B;--color-grey-9:#232323;--color-grey-10:#1B1B1B;
/* ── Orange (secondary) ──────────────────────────────── */
--color-orange-container:#FFF7EC;--color-orange-tertiary:#FFDDC4;--color-orange-secondary:#FFA765;--color-orange-primary:#FF730A;--color-orange-dark:#B55207;
/* ── Green (tertiary / success) ──────────────────────── */
--color-green-container:#F1FDF6;--color-green-tertiary:#C7EED7;--color-green-secondary:#6DD496;--color-green-primary:#17BA58;--color-green-dark:#10843E;
/* ── Red (error / warning) ───────────────────────────── */
--color-red-container:#FFF3F6;--color-red-tertiary:#FFCAD6;--color-red-secondary:#FF7395;--color-red-primary:#FF2156;--color-red-dark:#B5173D;

/* ── Brand roles ─────────────────────────────────────── */
--fpt-primary:var(--color-blue-60);--fpt-primary-hover:var(--color-blue-70);--fpt-primary-pressed:var(--color-blue-80);
--fpt-on-primary:#FFFFFF;--fpt-primary-container:var(--color-blue-10);--fpt-primary-subtle:var(--color-blue-20);
--fpt-secondary:var(--color-orange-primary);--fpt-on-secondary:#FFFFFF;--fpt-secondary-container:var(--color-orange-container);
--fpt-tertiary:var(--color-green-primary);--fpt-on-tertiary:#FFFFFF;--fpt-tertiary-container:var(--color-green-container);
--fpt-error:var(--color-red-primary);--fpt-on-error:#FFFFFF;--fpt-error-container:var(--color-red-container);
/* Deep navy used behind the utility bar and dark section blocks */
--fpt-navy:#191E67;--fpt-navy-deep:#172B85;

/* ── Logo mark colours (assets/logo.svg) ─────────────── */
--fpt-logo-blue:#1669B2;--fpt-logo-orange:#F17228;--fpt-logo-green:#24B14B;

/* ── Text / icon ─────────────────────────────────────── */
--text-primary:#3D3D3D;--text-secondary:#888888;--text-tertiary:#D1D1D1;--text-dark:#252525;--text-white:#FFFFFF;
--text-brand:var(--color-blue-60);--text-link:var(--color-blue-60);--text-success:var(--color-green-dark);--text-error:var(--color-red-primary);--text-warning:var(--color-orange-dark);
--icon-primary:#3D3D3D;--icon-secondary:#888888;--icon-tertiary:#D1D1D1;--icon-brand:var(--color-blue-60);--icon-white:#FFFFFF;

/* ── Border / stroke ─────────────────────────────────── */
--border-blue:#E0E6FF;--border-light:#E7E7E7;--border-primary:#D1D1D1;--border-secondary:#888888;--border-tertiary:#858585;--border-dark:#3D3D3D;--border-brand:var(--color-blue-60);

/* ── Background / surface ────────────────────────────── */
--bg-white:#FFFFFF;--bg-light:#F7F7F8;--bg-footer:#F8F9FA;--bg-primary:#F5F5F5;--bg-secondary:#F0F0F0;--bg-tertiary:#E1E1E1;--bg-dark:#B0B0B0;
--surface-card:#FFFFFF;--surface-section:var(--bg-light);--surface-brand:var(--color-blue-60);--surface-brand-dim:var(--color-blue-10);

/* ── Custom gradients (Color frame › Custom color) ───── */
--gradient-blue:linear-gradient(180deg,#7DC3FF 0%,#4564ED 100%); /* @kind color */
--gradient-orange:linear-gradient(180deg,#FF8F4B 0%,#FF5C00 100%); /* @kind color */
--gradient-green:linear-gradient(180deg,#7DFFB1 0%,#17BA58 100%); /* @kind color */
--gradient-red:linear-gradient(180deg,#FF8F4B 0%,#FF5C00 100%); /* @kind color */
/* Package-card body wash — grey 245 → white at 50.13% */
--gradient-card-wash:linear-gradient(180deg,#F5F5F5 0%,#FFFFFF 50.13%); /* @kind color */

/* ── Product-tile fills (Icons › SPDV) ───────────────── */
--product-giga:#0D47A1;--product-sky:#0D47A1;--product-meta:#FF6A00;--product-lux:#2196F3;--product-camera:#FF6A00;
}