/* ============================================================
   WELFARE COME TE — Design Tokens
   ============================================================ */

@font-face {
  font-family: 'Bodoni72';
  src: url('../assets/font/Bodoni/Bodoni72C Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni72';
  src: url('../assets/font/Bodoni/Bodoni72C Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni72';
  src: url('../assets/font/Bodoni/Bodoni72C Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni72';
  src: url('../assets/font/Bodoni/Bodoni72C Bold Italic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Exo';
  src: url('../assets/font/Exo/Exo-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-display: swap;
}

:root {
  --color-bg-dark:          #194E48;
  --color-bg-dark-deep:     #112F2B;
  --color-bg-dark-mid:      #1F5E57;
  --color-bg-light:         #F2F2F2;
  --color-bg-light-pure:    #FFFFFF;

  --color-accent:           #98BA7D;
  --color-accent-hover:     #80A663;
  --color-accent-pressed:   #6A8F50;
  --color-accent-muted:     rgba(152, 186, 125, 0.15);

  --color-ambito-1:         #C1E5F5;
  --color-ambito-2:         #F6C6AD;
  --color-ambito-3:         #E59EDD;
  --color-ambito-4:         #F5CE82;
  --color-ambito-4-text:    #A06818;

  --color-text-primary:     #FFFFFF;
  --color-text-secondary:   rgba(255,255,255,0.70);
  --color-text-tertiary:    rgba(255,255,255,0.45);
  --color-text-accent:      #98BA7D;

  --color-text-light-primary:   #194E48;
  --color-text-light-secondary: #585858;
  --color-text-light-tertiary:  #8A8A8A;

  --color-hairline:         rgba(255,255,255,0.12);
  --color-hairline-light:   rgba(25, 78, 72, 0.15);
  --color-card-bg:          rgba(255,255,255,0.06);
  --color-card-bg-hover:    rgba(255,255,255,0.10);
  --color-overlay:          rgba(25, 78, 72, 0.65);

  --shadow-sm:    0 1px 3px rgba(0,0,0,0.20), 0 1px 2px rgba(0,0,0,0.12);
  --shadow-md:    0 4px 12px rgba(0,0,0,0.25), 0 2px 4px rgba(0,0,0,0.15);
  --shadow-lg:    0 8px 32px rgba(0,0,0,0.30), 0 4px 8px rgba(0,0,0,0.20);
  --shadow-accent:0 4px 20px rgba(152,186,125,0.25);
  --shadow-card:  0 2px 16px rgba(0,0,0,0.20), 0 1px 4px rgba(0,0,0,0.12);

  --gradient-signature:     linear-gradient(135deg, #194E48 0%, #1F5E57 50%, #112F2B 100%);
  --gradient-atmosphere:
    radial-gradient(ellipse at 70% 20%, rgba(152,186,125,0.08) 0%, transparent 60%),
    radial-gradient(ellipse at 20% 80%, rgba(25,78,72,0.4) 0%, transparent 50%);
  --gradient-photo-overlay: linear-gradient(to right, rgba(25,78,72,0.85) 40%, rgba(25,78,72,0.30) 100%);
  --gradient-section-alt:   linear-gradient(180deg, #112F2B 0%, #194E48 100%);

  --radius-xs:    4px;
  --radius-sm:    8px;
  --radius-md:    12px;
  --radius-lg:    16px;
  --radius-xl:    24px;
  --radius-2xl:   32px;
  --radius-pill:  999px;

  --space-1: 4px;   --space-2: 8px;   --space-3: 12px;
  --space-4: 16px;  --space-5: 20px;  --space-6: 24px;
  --space-8: 32px;  --space-10: 40px; --space-12: 48px;
  --space-14: 56px; --space-16: 64px; --space-20: 80px;
  --space-24: 96px; --space-30: 120px;

  --content-max:  1200px;
  --prose-max:    680px;
  --content-pad:  clamp(24px, 5vw, 80px);

  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur-fast:     120ms;
  --dur-base:     220ms;
  --dur-slow:     380ms;
  --dur-xslow:    600ms;

  --font-display: 'Bodoni72', 'Bodoni 72', Georgia, 'Times New Roman', serif;
  --font-body:    'Exo', system-ui, -apple-system, 'Segoe UI', sans-serif;
}