/* Ana Vasco Multiservice — design tokens (colors, type, spacing, effects) */
/* Ana Vasco Multiservice — Color tokens
   Domain: navy (authority) + gold (warmth/CTA). No third hue.
   Two valid themes: Dark (navy ground) and Light (cream ground). */

:root {
  /* ---- Base palette (brand truth) ---- */
  --av-navy:            #02193B;  /* anchor / authority */
  --av-navy-700:        #0A2147;  /* lighter navy, top of vertical gradient */
  --av-navy-900:        #010F26;  /* deepest navy, bottom of gradient / vignette */
  --av-navy-ink:        #02193B;  /* navy as text on light grounds */

  --av-gold:            #C68F43;  /* primary accent — CTA & closing headlines (statics) */
  --av-gold-bright:     #F2C84B;  /* CTA gradient highlight */
  --av-yellow:          #F9C349;  /* brand yellow — logo "house" outline ONLY (more vivid) */

  --av-cream:           #F2EDE1;  /* warm paper — brand pieces (statics) */
  --av-cream-site:      #F8F7F3;  /* cooler paper — live website */
  --av-white:           #FFFFFF;

  --av-ink:             #1A1A1A;  /* soft black — long body copy */
  --av-gray:            #62615C;  /* warm gray — support / captions */
  --av-gray-light:      #9B9A95;  /* legal footer on dark grounds (low emphasis) */

  --av-alert:           #B01B1B;  /* discreet, rare — no brand red by default */

  /* ---- CTA gold gradient (pill button) ---- */
  --av-cta-gradient:    linear-gradient(180deg, #C68F43 0%, #F2C84B 100%); /* @kind color */
  --av-cta-gradient-h:  linear-gradient(180deg, #B8823A 0%, #E6BC40 100%); /* @kind color */ /* hover (darker) */

  /* ---- Ground gradients ---- */
  --av-navy-gradient:   linear-gradient(180deg, #0A2147 0%, #02193B 55%, #010F26 100%); /* @kind color */
  --av-navy-radial:     radial-gradient(120% 90% at 50% 0%, #0A2147 0%, #02193B 55%, #010F26 100%); /* @kind color */

  /* ---- Semantic aliases · DARK theme (default brand surface) ---- */
  --surface:            var(--av-navy);
  --surface-grad:       var(--av-navy-gradient);
  --surface-card:       rgba(255, 255, 255, 0.04);
  --text-strong:        var(--av-cream);   /* headline on navy */
  --text-body:          #E8E3D6;           /* body cream on navy */
  --text-muted:         rgba(232, 227, 214, 0.62);
  --accent:             var(--av-gold);    /* closing headline / accent */
  --legal:              var(--av-gray-light);
  --hairline:           rgba(232, 227, 214, 0.16);
}

/* ---- Semantic aliases · LIGHT theme (cream paper) ---- */
[data-theme="light"],
.av-theme-light {
  --surface:            var(--av-cream);
  --surface-grad:       var(--av-cream);
  --surface-card:       #FFFFFF;
  --text-strong:        var(--av-navy);
  --text-body:          var(--av-ink);
  --text-muted:         var(--av-gray);
  --accent:             var(--av-gold);
  --legal:              var(--av-gray);
  --hairline:           rgba(2, 25, 59, 0.12);
}

/* Ana Vasco Multiservice — Typography tokens
   Display: Playfair Display (regular for statements, italic for emotional remate).
   Body / UI: Montserrat. Eyebrow: Montserrat uppercase, wide tracking. Max 3 families. */

:root {
  --font-display: 'Playfair Display', 'Times New Roman', Georgia, serif;
  --font-sans:    'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --font-eyebrow: 'Montserrat', sans-serif; /* uppercase + wide tracking, like "MULTISERVICE" in the logo */

  /* ---- Display weights ---- */
  --fw-display-regular: 500; /* @kind font */
  --fw-display-bold:    700; /* @kind font */
  --fw-display-black:   800; /* @kind font */

  /* ---- Sans weights ---- */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* ---- Type scale (poster / static, 1080 canvas) ---- */
  --fs-display-xl: 104px;  /* hero remate ("É possível.") */
  --fs-display-lg: 80px;   /* primary statement headline */
  --fs-display-md: 60px;   /* secondary statement */
  --fs-display-sm: 40px;   /* card title */

  /* ---- Type scale (UI / web) ---- */
  --fs-h1: 48px;
  --fs-h2: 34px;
  --fs-h3: 24px;
  --fs-lead: 20px;
  --fs-body: 16px;
  --fs-sm: 14px;
  --fs-xs: 12px;
  --fs-legal: 12px;
  --fs-eyebrow: 13px;

  /* ---- Line heights ---- */
  --lh-display: 1.04;  /* @kind font */ /* tight headlines */
  --lh-tight:   1.15;  /* @kind font */
  --lh-body:    1.55;  /* @kind font */
  --lh-loose:   1.7;   /* @kind font */

  /* ---- Tracking ---- */
  --tr-display: -0.01em;  /* @kind font */ /* slightly negative on headlines */
  --tr-tight:   -0.02em;  /* @kind font */
  --tr-body:    0;        /* @kind font */
  --tr-eyebrow: 0.22em;   /* @kind font */ /* wide, like the logo wordmark */
}

/* Ana Vasco Multiservice — Spacing, radius, sizing tokens
   Intentional, proportional spacing. The standard breath is 40px; a bigger breath
   should read clearly bigger (80px), never an accidental middle value. */

:root {
  /* ---- Spacing scale ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 40px;   /* standard breath */
  --sp-8: 56px;
  --sp-9: 80px;   /* large breath (clearly bigger) */
  --sp-10: 104px; /* static side padding */

  /* ---- Static canvas padding (1080 frame) ---- */
  --pad-static: 104px;     /* 96–104px per the base anatomy */
  --pad-static-tight: 96px;

  /* ---- Radius ---- */
  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-card: 16px;
  --r-pill: 999px;   /* CTA is a full pill */

  /* ---- Borders ---- */
  --bd-hairline: 1px;
  --bd-strong:   2px;

  /* ---- Container ---- */
  --container: 1120px;
  --container-narrow: 720px;
}

/* Ana Vasco Multiservice — Effects: shadow, blur, easing tokens.
   Restraint: subtle soft shadows, no heavy glow, no exaggerated gradients.
   The CTA pill is the warmest, highest-contrast element on every piece. */

:root {
  /* ---- Shadows (soft, restrained) ---- */
  --sh-card:    0 8px 30px rgba(2, 25, 59, 0.10);
  --sh-card-lg: 0 18px 50px rgba(2, 25, 59, 0.16);
  --sh-cta:     0 10px 28px rgba(198, 143, 67, 0.34);   /* warm gold halo on the pill */
  --sh-cta-h:   0 14px 34px rgba(198, 143, 67, 0.42);
  --sh-paper:   0 -8px 24px rgba(2, 25, 59, 0.08);       /* torn-paper lift */
  --sh-photo:   0 24px 60px rgba(2, 25, 59, 0.22);

  /* ---- Inset / vignette for navy grounds ---- */
  --vignette: inset 0 0 240px rgba(1, 15, 38, 0.55); /* @kind shadow */

  /* ---- Blur / glass ---- */
  --blur-sm: 6px;  /* @kind other */
  --blur-md: 14px; /* @kind other */

  /* ---- Motion: calm, no bounce. Fades and gentle eases only. ---- */
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:   140ms; /* @kind other */
  --dur-base:   220ms; /* @kind other */
  --dur-slow:   420ms; /* @kind other */

  /* ---- Hover / press conventions ---- */
  --press-scale: 0.985;  /* @kind other */ /* gentle shrink on press, never a bounce */
}