/* Shared 7Go design system: primitive and semantic tokens. */
    :root {
      /* 1. PRIMITIVOS: valores base, sem significado de interface */
      --p-red-500: #FF1E27;
      --p-red-600: #E0121A;
      --p-black: #000000;
      --p-ink-950: #0A0A0D;
      --p-ink-900: #111116;
      --p-ink-850: #14141A;
      --p-ink-800: #1A1A22;
      --p-ink-700: #292930;
      --p-ink-logo: #17171a;
      --p-ink-100: #D2D2DC;
      --p-white: #FFFFFF;
      --p-brand-glow: rgba(255, 30, 39, 0.35);
      --p-alpha-white-05: rgba(255, 255, 255, 0.05);
      --p-alpha-white-08: rgba(255, 255, 255, 0.08);
      --p-alpha-white-10: rgba(255, 255, 255, 0.10);
      --p-alpha-white-14: rgba(255, 255, 255, 0.14);
      --p-alpha-white-35: rgba(255, 255, 255, 0.35);
      --p-alpha-white-40: rgba(255, 255, 255, 0.40);
      --p-alpha-white-60: rgba(255, 255, 255, 0.60);
      --p-alpha-white-65: rgba(255, 255, 255, 0.65);
      --p-alpha-white-70: rgba(255, 255, 255, 0.70);
      --p-alpha-white-80: rgba(255, 255, 255, 0.80);
      --p-alpha-white-85: rgba(255, 255, 255, 0.85);
      --p-alpha-white-88: rgba(255, 255, 255, 0.88);
      --p-alpha-white-90: rgba(255, 255, 255, 0.90);
      --p-surface: rgba(20, 20, 26, 0.65);
      --p-surface-hover: rgba(26, 26, 34, 0.82);
      --p-pill-surface: rgba(17, 17, 22, 0.65);
      --p-pill-surface-checked: rgba(20, 20, 26, 0.90);
      --p-pill-surface-hover: rgba(30, 30, 38, 0.85);
      --p-alpha-ink-10: rgba(10, 10, 13, 0.10);
      --p-alpha-ink-45: rgba(10, 10, 13, 0.45);
      --p-alpha-ink-60: rgba(10, 10, 13, 0.60);
      --p-alpha-black-25: rgba(0, 0, 0, 0.25);
      --p-alpha-black-35: rgba(0, 0, 0, 0.35);
      --p-alpha-black-50: rgba(0, 0, 0, 0.50);
      --p-alpha-black-60: rgba(0, 0, 0, 0.60);
      --p-opacity-0: 0;
      --p-opacity-40: 0.40;
      --p-opacity-80: 0.80;
      --p-opacity-95: 0.95;
      --p-opacity-100: 1;
      --p-blur-sm: 8px;
      --p-blur-md: 10px;
      --p-blur-lg: 16px;
      --p-alpha-red-08: rgba(255, 30, 39, 0.08);
      --p-alpha-red-28: rgba(255, 30, 39, 0.28);
      --p-alpha-red-30: rgba(255, 30, 39, 0.30);
      --p-alpha-red-42: rgba(255, 30, 39, 0.42);
      --p-alpha-red-45: rgba(255, 30, 39, 0.45);
      --p-alpha-red-50: rgba(255, 30, 39, 0.50);
      --p-alpha-red-55: rgba(255, 30, 39, 0.55);
      --p-alpha-red-70: rgba(255, 30, 39, 0.70);
      --p-overlay: rgba(5, 5, 8, 0.78);
      --p-backdrop: rgba(0, 0, 0, 0.84);

      /* Espaçamento: unidade de 4px, com meios passos onde o layout pede */
      --p-space-0: 0;
      --p-space-px: 1px;
      --p-space-0-5: 2px;
      --p-space-1: 4px;
      --p-space-1-5: 6px;
      --p-space-2: 8px;
      --p-space-2-5: 10px;
      --p-space-3: 12px;
      --p-space-3-5: 14px;
      --p-space-4: 16px;
      --p-space-5: 20px;
      --p-space-6: 24px;
      --p-space-7: 28px;
      --p-space-8: 32px;
      --p-space-9: 36px;
      --p-space-10: 40px;
      --p-space-12: 48px;
      --p-space-14: 56px;
      --p-space-16: 64px;
      --p-space-20: 80px;
      --p-space-24: 96px;
      --p-space-32: 128px;

      /* Tipografia e ritmo de leitura */
      --p-font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      --p-font-2xs: 0.625rem;
      --p-font-xs: 0.75rem;
      --p-font-sm: 0.875rem;
      --p-font-md: 1rem;
      --p-font-lg: 1.125rem;
      --p-font-xl: 1.375rem;
      --p-font-20: 1.25rem;
      --p-font-24: 1.5rem;
      --p-font-2xl: 1.75rem;
      --p-font-3xl: 2.25rem;
      --p-font-4xl: 2.75rem;
      --p-weight-regular: 400;
      --p-weight-medium: 500;
      --p-weight-semibold: 600;
      --p-weight-bold: 700;
      --p-weight-extrabold: 800;
      --p-weight-black: 900;
      --p-leading-none: 1;
      --p-leading-tight: 1.06;
      --p-leading-snug: 1.18;
      --p-leading-normal: 1.5;
      --p-leading-copy: 1.55;
      --p-leading-relaxed: 1.65;
      --p-leading-hero: 1.1;
      --p-leading-hero-mobile: 1.15;
      --p-track-display: -0.03em;
      --p-track-tight: -0.014em;
      --p-track-button: 0.01em;
      --p-track-heading: -0.02em;
      --p-track-hero: -0.035em;
      --p-track-number: -0.06em;
      --p-track-label: 0.10em;
      --p-track-wide: 0.14em;

      /* Forma, contorno, elevação e movimento */
      --p-radius-2: 2px;
      --p-radius-4: 4px;
      --p-radius-6: 6px;
      --p-radius-7: 7px;
      --p-radius-10: 10px;
      --p-radius-16: 16px;
      --p-radius-20: 20px;
      --p-radius-28: 28px;
      --p-radius-round: 50%;
      --p-radius-pill: 999px;
      --p-border-1: 1px;
      --p-border-1-5: 1.5px;
      --p-border-2: 2px;
      --p-shadow-nav: 0 2px 12px rgba(0, 0, 0, 0.6);
      --p-shadow-button: 0 4px 20px rgba(255, 255, 255, 0.15);
      --p-shadow-pill: 0 4px 16px rgba(0, 0, 0, 0.25);
      --p-shadow-card: 0 12px 32px rgba(0, 0, 0, 0.35);
      --p-shadow-hover: 0 20px 48px rgba(0, 0, 0, 0.50);
      --p-shadow-lightbox: 0 24px 80px rgba(0, 0, 0, 0.5);
      --p-shadow-brand: 0 4px 24px var(--p-brand-glow);
      --p-shadow-brand-hover: 0 6px 30px var(--p-alpha-red-45);
      --p-shadow-pill-checked: 0 0 20px rgba(255, 30, 39, 0.30);
      --p-shadow-text-hero: 0 4px 16px rgba(0, 0, 0, 0.65);
      --p-shadow-text-copy: 0 2px 14px rgba(0, 0, 0, 0.75);
      --p-shadow-text-label: 0 1px 6px rgba(0, 0, 0, 0.8);
      --p-shadow-text-caption: 0 1px 8px rgba(0, 0, 0, 0.7);
      --p-ease-standard: ease;
      --p-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
      --p-ease-in: cubic-bezier(0.70, 0, 0.84, 0);
      --p-duration-micro: 120ms;
      --p-duration-fast: 180ms;
      --p-duration-short: 220ms;
      --p-duration-normal: 300ms;
      --p-duration-emphasis: 350ms;
      --p-duration-slow: 400ms;
      --p-duration-layout: 600ms;

      /* 2. SEMÂNTICOS: papel de cada valor na interface */
      --color-brand-red: var(--p-red-500);
      --color-brand-red-hover: var(--p-red-600);
      --color-brand-glow: var(--p-brand-glow);
      --color-bg: var(--p-ink-950);
      --color-surface: var(--p-surface);
      --color-surface-hover: var(--p-surface-hover);
      --color-border: var(--p-alpha-white-08);
      --color-border-hover: var(--p-alpha-red-42);
      --color-ink: var(--p-white);
      --color-ink-2: var(--p-alpha-white-85);
      --color-muted: var(--p-alpha-white-60);
      --color-caption: var(--p-alpha-white-40);
      --color-pill-bg: var(--p-pill-surface);
      --color-pill-border: var(--p-alpha-white-14);
      --color-pill-checked-bg: var(--p-pill-surface-checked);
      --color-pill-checked-border: var(--color-brand-red);
      --color-page: var(--color-bg);
      --color-text-primary: var(--color-ink);
      --color-text-secondary: var(--color-ink-2);
      --color-text-muted: var(--color-muted);
      --color-text-caption: var(--color-caption);
      --color-action: var(--color-brand-red);
      --color-action-hover: var(--color-brand-red-hover);
      --color-outline: var(--color-border);
      --color-focus: var(--color-brand-red);
      --blur-control: var(--p-blur-sm);
      --blur-overlay: var(--p-blur-md);
      --blur-glass: var(--p-blur-lg);
      --radius-rule: var(--p-radius-2);
      --radius-round: var(--p-radius-round);
      --duration-micro: var(--duration-micro);
      --duration-fast: var(--duration-fast);
      --duration-short: var(--duration-short);
      --duration-normal: var(--duration-normal);
      --duration-emphasis: var(--duration-emphasis);
      --duration-slow: var(--duration-slow);
      --duration-layout: var(--duration-layout);
      --font-family: var(--p-font-family);
      --font-weight-regular: var(--p-weight-regular);
      --font-weight-medium: var(--p-weight-medium);
      --font-weight-semibold: var(--p-weight-semibold);
      --font-weight-bold: var(--p-weight-bold);
      --font-weight-extrabold: var(--p-weight-extrabold);
      --font-weight-black: var(--p-weight-black);
      --text-nav-cta: var(--text-sm);
      --spacing-nav-gap: var(--space-10);
      --spacing-nav-link-gap: var(--space-7);
      --spacing-drawer-link-gap: var(--space-8);
      --spacing-card-content: var(--space-4);
      --spacing-card-inset: var(--space-8);
      --spacing-gallery: var(--space-2);
      --spacing-portfolio-grid: var(--space-6);
      --spacing-portfolio-grid-wide: var(--space-8);
      --spacing-portfolio-card: var(--space-6);
      --spacing-portfolio-card-wide: var(--space-8);
      --spacing-list-row: var(--space-2-5);
      --spacing-list-column: var(--space-4);
      --spacing-control-gap: var(--space-2);
      --spacing-control-inset-y: var(--space-2-5);
      --spacing-control-inset-x: var(--space-6);

      /* Escalas públicas mantidas para compatibilidade com os estilos */
      --text-xs: var(--p-font-xs);
      --text-sm: var(--p-font-sm);
      --text-base: var(--p-font-md);
      --text-md: var(--p-font-lg);
      --text-lg: var(--p-font-xl);
      --text-xl: var(--p-font-2xl);
      --text-2xl: var(--p-font-3xl);
      --text-3xl: var(--p-font-4xl);
      --text-display: clamp(1.875rem, 4vw + 0.5rem, 3.25rem);
      --text-hero: clamp(2rem, 4.8vw, 3.875rem);
      --text-number: clamp(3rem, 6vw, 5rem);
      --text-caption: var(--p-font-xs);
      --text-tiny: var(--p-font-xs);
      --text-nav: var(--p-font-sm);
      --text-label: var(--p-font-sm);
      --text-button: var(--p-font-md);
      --text-stat: var(--p-font-24);
      --text-stat-mobile: var(--p-font-20);
      --lh-tight: var(--p-leading-tight);
      --lh-snug: var(--p-leading-snug);
      --lh-normal: var(--p-leading-normal);
      --lh-relaxed: var(--p-leading-relaxed);
      --tracking-display: var(--p-track-display);
      --tracking-tight: var(--p-track-tight);
      --tracking-normal: 0;
      --tracking-label: var(--p-track-label);
      --tracking-wide: var(--p-track-wide);

      /* Escala semântica de espaço e layout */
      --space-3xs: var(--p-space-0-5);
      --space-2xs: var(--p-space-1);
      --space-xs: var(--p-space-2);
      --space-sm: var(--p-space-3);
      --space-md: var(--p-space-4);
      --space-lg: var(--p-space-6);
      --space-xl: var(--p-space-8);
      --space-2xl: var(--p-space-12);
      --space-3xl: var(--p-space-20);
      --space-4xl: var(--p-space-32);
      --space-0: var(--p-space-0);
      --space-px: var(--p-space-px);
      --space-0-5: var(--p-space-0-5);
      --space-1: var(--p-space-1);
      --space-1-5: var(--p-space-1-5);
      --space-2: var(--p-space-2);
      --space-2-5: var(--p-space-2-5);
      --space-3: var(--p-space-3);
      --space-3-5: var(--p-space-3-5);
      --space-4: var(--p-space-4);
      --space-5: var(--p-space-5);
      --space-6: var(--p-space-6);
      --space-7: var(--p-space-7);
      --space-8: var(--p-space-8);
      --space-9: var(--p-space-9);
      --space-10: var(--p-space-10);
      --space-12: var(--p-space-12);
      --space-14: var(--p-space-14);
      --space-16: var(--p-space-16);
      --space-20: var(--p-space-20);
      --space-24: var(--p-space-24);
      --space-32: var(--p-space-32);
      --spacing-inline-sm: var(--space-2);
      --spacing-inline: var(--space-4);
      --spacing-inline-lg: var(--space-6);
      --spacing-section-sm: var(--space-8);
      --spacing-section: var(--space-12);
      --spacing-section-lg: var(--space-20);
      --section-py: clamp(var(--space-14), 8vw, 7.5rem);
      --section-head-gap: var(--space-2xl);
      --page-max: 80rem;
      --page-gutter: clamp(var(--space-4), 4vw, 2.25rem);
      --nav-height: 6rem;
      --radius-xs: var(--p-radius-6);
      --radius-sm: var(--p-radius-10);
      --radius-md: var(--p-radius-16);
      --radius-lg: var(--p-radius-20);
      --radius-xl: var(--p-radius-28);
      --radius-pill: var(--p-radius-pill);
      --border-width-hairline: var(--p-border-1);
      --border-width-control: var(--p-border-1-5);
      --shadow-card: var(--p-shadow-card);
      --shadow-hover: var(--p-shadow-hover);
      --ease-out: var(--p-ease-out);
      --ease-in: var(--p-ease-in);
      --dur-micro: var(--duration-micro);
      --dur-short: var(--duration-short);
      --dur-long: var(--duration-slow);
      --z-base: 1;
      --z-raised: 10;
      --z-sticky: 200;
      --z-nav: 300;
      --z-modal: 400;
      --z-menu: 1000;
      --z-menu-control: 1001;
      --z-gallery-hover: 1000;
      --z-content-layer: 2;

    }