/* Pixidia foundations — Urbanist + tokens */

@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/urbanist/urbanist-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
    U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F,
    U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: 'Urbanist';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/urbanist/urbanist-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
    U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122,
    U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Brand */
  --pxd-primary:        #0A3D3A;
  --pxd-primary-dark:   #072B28;
  --pxd-secondary:      #1E9B52;
  --pxd-secondary-hover:#178440;
  --pxd-secondary-light:#3DBE73;
  --pxd-turquoise:      #20c9b8;

  /* Gradients */
  --pxd-gradient:       linear-gradient(135deg, #0A3D3A, #1E9B52);
  --pxd-gradient-icon:  linear-gradient(135deg, #1E9B52 25%, #3DBE73 100%);
  --pxd-gradient-reflet:linear-gradient(135deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%);

  /* Text */
  --pxd-fg:             #0A3D3A;
  --pxd-fg-title:       #072B28;
  --pxd-fg-secondary:   #778494;
  --pxd-fg-tertiary:    #5d7070;
  --pxd-fg-inverse:     #ffffff;
  --pxd-fg-accent:      #1E9B52;

  /* Neutral teal-tinted */
  --pxd-gray-50:  #f5f7f7;
  --pxd-gray-100: #eef2f2;
  --pxd-gray-200: #dce4e4;
  --pxd-gray-300: #b8c5c5;
  --pxd-gray-400: #8a9c9c;
  --pxd-gray-500: #5d7070;

  --pxd-cpt-logement:    #388e3c;
  --pxd-cpt-transport:   #1976d2;
  --pxd-cpt-restauration:#d32f2f;
  --pxd-cpt-experience:  #ff9800;
  --pxd-cpt-location:    #9c27b0;

  --pxd-badge-gold:        #ad8800;
  --pxd-badge-gold-bg:     rgba(236, 171, 0, 0.12);
  --pxd-badge-gold-border: rgba(236, 171, 0, 0.15);

  /* Surfaces / glass */
  --pxd-bg-page:           #f7f7f9;
  --pxd-glass-card:        rgba(255, 255, 255, 0.65);
  --pxd-glass-section:     rgba(255, 255, 255, 0.78);
  --pxd-glass-section-hv:  rgba(255, 255, 255, 0.92);
  --pxd-glass-popup:       rgba(255, 255, 255, 0.96);
  --pxd-backdrop:          rgba(10, 61, 58, 0.55);
  --pxd-border-glass:      rgba(255, 255, 255, 0.65);
  --pxd-border-popup:      rgba(1, 40, 39, 0.10);
  --pxd-blur-card:         blur(16px);
  --pxd-blur-popup:        blur(24px);

  /* Tints */
  --pxd-tint-secondary-8:  rgba(30, 155, 82, 0.08);
  --pxd-tint-secondary-15: rgba(30, 155, 82, 0.15);
  --pxd-tint-secondary-30: rgba(30, 155, 82, 0.30);

  /* Shadows */
  --pxd-shadow-sm:     0 4px 10px rgba(15, 163, 107, 0.07);
  --pxd-shadow:        0 10px 30px -5px rgba(15, 163, 107, 0.12),
                       0 2px 8px rgba(15, 163, 107, 0.06);
  --pxd-shadow-hover:  0 15px 40px -5px rgba(15, 163, 107, 0.25),
                       0 5px 15px rgba(15, 163, 107, 0.10);
  --pxd-shadow-popup:  0 16px 48px rgba(1, 40, 39, 0.18),
                       0 0 0 1px rgba(1, 40, 39, 0.05),
                       inset 0 1px 0 rgba(255, 255, 255, 0.6);
  --pxd-shadow-icon:   0 0 0 3px rgba(255, 255, 255, 0.9),
                       0 6px 12px rgba(15, 163, 107, 0.2);

  /* Radii */
  --pxd-radius-xs:    6px;
  --pxd-radius-sm:    8px;
  --pxd-radius-md:   12px;
  --pxd-radius-lg:   16px;
  --pxd-radius-xl:   18px;
  --pxd-radius-2xl:  20px;
  --pxd-radius-full: 9999px;

  /* Motion */
  --pxd-ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --pxd-ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --pxd-ease-out-expo: cubic-bezier(0.22, 1, 0.36, 1);
  --pxd-dur-fast:   150ms;
  --pxd-dur-normal: 250ms;
  --pxd-dur-slow:   400ms;

  /* Type */
  --pxd-font-sans: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pxd-fs-label:  0.7rem;
  --pxd-fs-meta:   0.75rem;
  --pxd-fs-small:  0.8rem;
  --pxd-fs-body:   0.9rem;
  --pxd-fs-base:   1rem;
  --pxd-fs-h4:     1.1rem;
  --pxd-fs-h3:     1.15rem;
  --pxd-fs-h2:     1.2rem;
  --pxd-fs-h1:     1.5rem;

  /* Cookies-specific z-index */
  --pix-z-floating: 2147483645;
  --pix-z-banner:   2147483646;
  --pix-z-modal:    2147483647;
}

*, *::before, *::after { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  font-family: var(--pxd-font-sans);
  background: var(--pxd-bg-page);
  color: var(--pxd-fg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
button { font-family: inherit; cursor: pointer; }
a { color: inherit; }