/* Design tokens — Saintex
   Single source of truth for colors, type, spacing, radii.
   Elementor mapping: copy these variables into Site Settings › Global Colors / Global Fonts.
*/

/* Brand typefaces — self-hosted per 2025 Saintex brand book.
   Display: Bubblebody Neue (Regular + Bold). Body: DM Sans (variable). */
@font-face {
  font-family: "Bubblebody Neue";
  src: url("https://saintex.joowa.cloud/assets/fonts/Bubblebody%20lisenced/Ttf/Bubbleboddy-Neue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Bubblebody Neue";
  src: url("{{THEME_URI}}/assets/23be483ea08d4b0272e88c6b5d45fe418462646521fc7522b530526eb3266bc2.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("{{THEME_URI}}/assets/652ef04eaea3aa2f65bf29328cf13f043a9688471998db2e88390e8658c2f119.ttf") format("truetype-variations");
  font-weight: 100 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "DM Sans";
  src: url("{{THEME_URI}}/assets/cb48d9160c66810fc5c3bde5a24880d8a8540b150564272d141631ac87356ce5.ttf") format("truetype-variations");
  font-weight: 100 1000;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Ink + neutrals — pure black per brand book; soft variants derive from it
     so all on-light text is black at varying opacities (brand rule: on light
     surfaces, text is only black, electric blue or coral). */
  --c-ink:        #000000;
  --c-ink-soft:   rgba(0, 0, 0, .72);
  --c-muted:      rgba(0, 0, 0, .55);
  --c-line:       rgba(0, 0, 0, .08);
  --c-bg:         #FFFFFF;
  --c-bg-soft:    #EFF1EF;
  --c-bg-warm:    #F9E6E3;

  /* Brand colors — from 2025 Saintex brand book */
  --c-blue-electric: #291EFF;
  --c-blue-mid:      #026EFC;
  --c-blue-soft:     #8F9BF4;
  --c-peach:         #FFCC98;
  --c-coral:         #FF8D72;

  /* Semantic */
  --c-primary:       var(--c-blue-electric);
  --c-accent:        var(--c-coral);
  --c-on-primary:    #FFFFFF;

  /* Gradients (the "light reflections" per brand book) — palette-only */
  --g-aurora: linear-gradient(135deg, #EFF1EF 0%, #F9E6E3 50%, #FFCC98 100%);
  --g-aurora-deep: linear-gradient(135deg, #8F9BF4 0%, #F9E6E3 55%, #FFCC98 100%);
  --g-prism: conic-gradient(from 210deg,
    #FFCC98 0%, #F9E6E3 16%, #8F9BF4 33%,
    #026EFC 50%, #291EFF 66%, #8F9BF4 83%, #FFCC98 100%);
  --g-spotlight: radial-gradient(600px circle at var(--mx,50%) var(--my,50%),
    rgba(255,141,114,.28), rgba(143,155,244,.10) 45%, transparent 72%);

  /* Typography — Saintex brand book
     Display: Bubblebody Neue (Regular & Bold) for headlines.
     Body:    DM Sans for sub-headings and paragraphs. */
  --ff-display: "Bubblebody Neue", system-ui, sans-serif;
  --ff-body:    "DM Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  --fs-overline: .78rem;
  --fs-body:     1rem;
  --fs-lead:     1.125rem;
  --fs-h4:       1.25rem;
  --fs-h3:       clamp(1.5rem,  1.2rem + 1.2vw, 2rem);
  --fs-h2:       clamp(2.4rem,  1.8rem + 2.6vw, 3.6rem);
  --fs-h1:       clamp(2.75rem, 2rem   + 4.2vw, 5.5rem);
  --fs-display:  clamp(3.25rem, 2rem   + 6vw,   7rem);

  /* Spacing — 8px system */
  --sp-1: 8px;   --sp-2: 16px;  --sp-3: 24px;  --sp-4: 32px;
  --sp-5: 48px;  --sp-6: 64px;  --sp-7: 96px;  --sp-8: 128px;

  /* Radii */
  --r-xs: 6px; --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-xl: 36px;
  --r-pill: 999px;

  /* Shadows — soft, ambient (no heavy drop shadows) */
  --sh-1: 0 1px 2px rgba(10,10,18,.04), 0 6px 18px rgba(10,10,18,.06);
  --sh-2: 0 2px 4px rgba(10,10,18,.05), 0 18px 44px rgba(10,10,18,.09);
  --sh-glow: 0 0 0 1px rgba(41,30,255,.08), 0 12px 40px rgba(41,30,255,.15);

  /* Motion */
  --t-fast: 160ms;
  --t-med:  320ms;
  --t-slow: 620ms;
  --ease:   cubic-bezier(.2,.7,.2,1);

  /* Layout */
  --max-w:     1280px;
  --max-w-rd:  980px;   /* reading column */
  --gutter:    clamp(20px, 4vw, 48px);
  --header-h:  76px;
}