/* ============================================
   RODRIGUES AUDIOVISUAL — CSS CUSTOM PROPERTIES
   ============================================ */

:root {
  /* --- Cores --- */
  --color-bg-primary:        #0a0a0a;
  --color-bg-secondary:      #111111;
  --color-bg-tertiary:       #161616;
  --color-bg-card:           #141414;
  --color-bg-card-hover:     #1a1a1a;
  --color-bg-overlay:        rgba(0, 0, 0, 0.65);
  --color-bg-overlay-heavy:  rgba(0, 0, 0, 0.80);

  --color-accent:            #E8972C;
  --color-accent-hover:      #D4851F;
  --color-accent-light:      rgba(232, 151, 44, 0.12);
  --color-accent-glow:       rgba(232, 151, 44, 0.25);

  --color-text-primary:      #FFFFFF;
  --color-text-secondary:    #A0A0A0;
  --color-text-muted:        #666666;
  --color-text-link:         #E8972C;

  --color-border:            rgba(255, 255, 255, 0.08);
  --color-border-hover:      rgba(255, 255, 255, 0.15);
  --color-border-accent:     rgba(232, 151, 44, 0.30);

  --color-whatsapp:          #25D366;
  --color-whatsapp-hover:    #1EBE57;

  --color-success:           #34D399;
  --color-error:             #F87171;

  /* --- Tipografia --- */
  --font-heading:            'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body:               'Inter', 'DM Sans', system-ui, sans-serif;

  --fw-regular:              400;
  --fw-medium:               500;
  --fw-semibold:             600;
  --fw-bold:                 700;

  --fs-xs:                   clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --fs-sm:                   clamp(0.8125rem, 0.775rem + 0.3vw, 0.9375rem);
  --fs-base:                 clamp(0.9375rem, 0.9rem + 0.35vw, 1.0625rem);
  --fs-md:                   clamp(1.0625rem, 1rem + 0.4vw, 1.25rem);
  --fs-lg:                   clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --fs-xl:                   clamp(1.5rem, 1.2rem + 1.2vw, 2rem);
  --fs-2xl:                  clamp(1.875rem, 1.4rem + 1.8vw, 2.75rem);
  --fs-3xl:                  clamp(2.25rem, 1.6rem + 2.5vw, 3.5rem);
  --fs-hero:                 clamp(2.5rem, 1.5rem + 4vw, 4.5rem);

  --lh-tight:                1.15;
  --lh-heading:              1.2;
  --lh-body:                 1.65;

  --ls-tight:                -0.02em;
  --ls-normal:               0;
  --ls-wide:                 0.05em;
  --ls-wider:                0.10em;

  /* --- Espaçamento --- */
  --space-xxs:               0.25rem;
  --space-xs:                0.5rem;
  --space-sm:                0.75rem;
  --space-md:                1rem;
  --space-lg:                1.5rem;
  --space-xl:                2rem;
  --space-2xl:               3rem;
  --space-3xl:               4rem;
  --space-4xl:               6rem;
  --space-5xl:               8rem;

  --section-padding:         clamp(4rem, 8vw, 7rem);
  --section-padding-sm:      clamp(3rem, 6vw, 5rem);

  /* --- Layout --- */
  --container-max:           1200px;
  --container-narrow:        800px;
  --container-wide:          1400px;
  --container-padding:       clamp(1rem, 4vw, 2rem);

  --header-height:           72px;

  /* --- Bordas e Sombras --- */
  --radius-sm:               6px;
  --radius-md:               10px;
  --radius-lg:               16px;
  --radius-xl:               24px;
  --radius-full:             9999px;

  --shadow-sm:               0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md:               0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg:               0 8px 40px rgba(0, 0, 0, 0.5);
  --shadow-accent:           0 4px 24px rgba(232, 151, 44, 0.20);
  --shadow-card:             0 2px 12px rgba(0, 0, 0, 0.3);

  /* --- Transições --- */
  --ease-out:                cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out:             cubic-bezier(0.65, 0, 0.35, 1);
  --transition-fast:         0.2s var(--ease-out);
  --transition-base:         0.3s var(--ease-out);
  --transition-slow:         0.5s var(--ease-out);

  /* --- Z-index --- */
  --z-base:                  1;
  --z-dropdown:              100;
  --z-header:                500;
  --z-modal:                 1000;
  --z-whatsapp:              600;
  --z-overlay:               900;
}
