/**************************
 * CSS variables / tokens
 * typography base
 * spacing helpers globali
 * ************************/


/* =========================
   VARIABLE DEFINITION
   ========================= */


 :root {
    /* Brand colors */
    --c-brand: #2596D1;        /* Blu Bella Ciao */
    --c-dark: #0E2A3A;         /* Blu Profondo Dark */
   --c-dark-grey: #647B87;     /* Grigio scuro */
    --c-light: #E6F3FA;        /* Azzurro Chiaro */
    --c-accent: #E9864A;       /* Arancio Tramonto Acent */
    --c-brand-light: #e6f3f6;  /* Azzurro Chiaro*/
    --c-sand: #F2EEE8;         /* Sabbia soft */
    --c-white: #ffffff;

  
    /* Semantic tokens */
    --bg-page: var(--c-sand);
    --text-primary: var(--c-dark);
    --text-on-dark: var(--c-light);
  
    --link: var(--c-brand);
    --link-hover: var(--c-dark);
  
    --cta-bg: var(--c-accent);
    --cta-text: var(--c-dark);
  
    /* Header tokens */
    --header-bg-top: transparent;
    --header-bg-scrolled: var(--c-white);
    --header-link-top: var(--c-white);
    --header-link-scrolled: var(--c-dark);
    --header-link-hover: var(--c-brand);
    --header-h: 92px;
  
    /* Effects */
    --shadow-header: 0 10px 28px rgba(14, 42, 58, 0.12);
  
    /* Sizes */
    --header-pad-y-top: 18px;
    --header-pad-y-scrolled: 10px;
    --logo-h-top: 46px;
    --logo-h-scrolled: 36px;

    /* CTA Primary */
    --btn-primary-gradient-start: #E2612A;
     --btn-primary-gradient-end: #E9864A;
     --btn-primary-bg-hover: var(--c-accent);
     --btn-primary-text: #ffffff;
    --btn-primary-disabled-bg: #E6F3FA;
    --btn-primary-disabled-text: #9BB7C6;
      
     /* Typography */
      --font-heading: "Arapey", serif;
      --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

      /* line-heights */
      --lh-tight: 1.1;
      --lh-title: 1.2;
      --lh-body: 1.55;
      
    /* Motion */
    --ease-ui: cubic-bezier(0.4, 0, 0.2, 1);

    /* CTA Outlined */
    --btn-outline-stroke: #0E2A3A;
    --btn-outline-text: #0E2A3A;
    --btn-outline-bg-hover: #0E2A3A;
    --btn-outline-text-hover: #ffffff;
  }
  



  /***************** DA SPOSTARE IN ALTRO FILE
              TEMP TURI TOP CUSTOM
  *****************************/