/*
 * Saga DPP visual identity: design tokens (colors, fonts, sizes, radius, shadows).
 * Edit values here and the whole site updates. Loaded before every other stylesheet.
 * Version 1.3.2
 *
 * Changelog
 * 1.3.2  Fixed case studies not appearing on the Customers page: the page now always shows the live
 *        list from the Case studies menu, even when its saved content still contains the older fixed
 *        cards. Saving a case study clears the WP Engine cache. Appearance > Saga DPP setup now has a
 *        check table showing which PDF each case study uses, the Customers page status and the upload
 *        size limit.
 * 1.3.1  The four case study PDFs (RAINS, ELKA Rainwear, Safiyaa, Mason Pearson) are now included in
 *        the theme, so the Customers page shows working "Download case study" buttons straight away;
 *        a PDF chosen under Case studies still takes priority. The ELKA PDF was cleaned of review
 *        comments and the cover images were refreshed from the PDFs. Every link now opens in a new
 *        tab, except jumps within the same page, mail and phone links.
 * 1.3.0  Case studies can now be added and managed in WordPress: a new Case studies menu with fields
 *        for the title, short description, summary, results, tags, cover image and PDF (chosen from
 *        the Media Library). The Customers page and the Customers dropdown list them automatically,
 *        and four starter entries are created for you. All links to other websites and to PDF files
 *        now open in a new tab automatically, including links added in the editor.
 * 1.2.0  Quote section heading no longer names brands. Removed the dark shadow behind the quote
 *        cards. Customers menu is now a dropdown listing each customer (for example RAINS & PSQR)
 *        that jumps to its case study. Restored the Why PSQR section under the hero. Contact PSQR
 *        opens psqr.eu/contact-us in a new tab. Footer links to the PSQR privacy policy and terms of
 *        use in a new tab. New app screenshots replace the mock screens in How it works, and the hero
 *        shows a phone with the T-shirt passport and its QR code behind it. Platform section gains
 *        data schema and audit log screenshots.
 * 1.1.0  Content is now editable. Home, Customers and a Style guide are real WordPress pages built
 *        from block patterns, so text, headings, lists, images and buttons are edited in the normal
 *        page editor. The original layout stays as an automatic fallback whenever a page is empty, so
 *        the site keeps working. Added the visual identity files (tokens.css, theme.json), block
 *        styles, 18 reusable patterns, a Style guide page and an Appearance > Saga DPP setup screen.
 *        Replaces the withdrawn 2.0.x block-theme releases.
 * 1.0.3  File names of the release files now include the version number, for example
 *        saga-dpp-v1.0.3.zip.
 * 1.0.2  Added version number and changelog to every file.
 * 1.0.1  Light theme only (dark mode removed). Built-in navigation that no longer depends on
 *        WordPress menus. Added color-scheme meta tag.
 * 1.0.0  First release of the WordPress theme: homepage, Customers page with downloadable case
 *        studies, partner logo ticker, customer quote carousel, teal #30B5AC and white button text.
 */

:root {
  color-scheme:light;

  /* ===== Brand colors (the only colors used on the site) ===== */
  --saga-bg:#F6F4FA;
  --saga-surface:#FFFFFF;
  --saga-surface-2:#EEEAF5;
  --saga-ink:#1E1930;
  --saga-ink-2:#5B5570;
  --saga-line:#E0DBEA;
  --saga-line-2:#C9C2D8;
  --saga-purple:#4E2A84;
  --saga-purple-light:#8A4FA8;
  --saga-purple-soft:#E9E1F5;
  --saga-teal:#30B5AC;
  --saga-teal-dark:#117A74;
  --saga-teal-soft:#DDF3F1;
  --saga-band-mute:#D8CCF0;
  --saga-band-accent:#8FE3DA;
  --saga-white:#FFFFFF;

  /* ===== Typography ===== */
  --saga-font-display:'Poppins','Helvetica Neue',Arial,sans-serif;   /* headings, buttons, labels */
  --saga-font-body:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --saga-font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;   /* data and small labels */
  --saga-size-body:1rem;
  --saga-size-lead:1.1rem;
  --saga-size-h1:clamp(2.45rem,5.3vw,4.2rem);
  --saga-size-h2:clamp(1.8rem,3.5vw,2.7rem);
  --saga-size-h3:1.08rem;

  /* ===== Shape and depth ===== */
  --saga-radius-button:12px;
  --saga-radius-card:18px;
  --saga-radius-panel:22px;
  --saga-radius-quote:24px;
  --saga-shadow-card:0 1px 2px rgba(30,25,48,.06),0 10px 30px rgba(30,25,48,.08);
  --saga-shadow-lifted:0 2px 4px rgba(30,25,48,.08),0 24px 60px rgba(30,25,48,.2);

  /* ===== Layout ===== */
  --saga-content-width:1180px;
  --saga-hex-clip:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);

  /* ===== Short names used by the stylesheets (do not change, edit the values above) ===== */
  --bg:var(--saga-bg); --surface:var(--saga-surface); --surface-2:var(--saga-surface-2);
  --ink:var(--saga-ink); --ink-2:var(--saga-ink-2); --line:var(--saga-line); --line-2:var(--saga-line-2);
  --accent:var(--saga-purple); --accent-2:var(--saga-purple-light); --accent-soft:var(--saga-purple-soft);
  --teal:var(--saga-teal); --teal-ink:var(--saga-teal-dark); --teal-soft:var(--saga-teal-soft);
  --cta:var(--saga-teal); --cta-ink:#FFFFFF;
  --band:var(--saga-purple); --band-ink:#FFFFFF; --band-mute:var(--saga-band-mute); --band-accent:var(--saga-band-accent);
  --warn:#8A5200; --warn-bg:#FCEFD3;
  --plate:transparent; --bezel:#1E1930; --paper:#FFFFFF; --paper-ink:#16121F;
  --hex:rgba(78,42,132,.14); --hex-fill:rgba(78,42,132,.05);
  --shadow:var(--saga-shadow-card); --shadow-lg:var(--saga-shadow-lifted);
  --f-display:var(--saga-font-display); --f-body:var(--saga-font-body); --f-mono:var(--saga-font-mono);
  --hex-clip:var(--saga-hex-clip);
}