:root {
  --color-paper: #f3ebdd;
  --color-paper-muted: #e8ddcc;
  --color-ink: #25221e;
  --color-text-muted: #5f544b;
  --color-border: #d6c7b5; 
  --color-sepia: #9a583f;
  --color-brass: #b08a5a;
  --header-compress-background: rgba(23, 22, 20, 0.96); 
  --background-color: #11110f;
  --background-color-fifteen: #0e0e0c;

  /*--font-display: "Cormorant Garamond", Georgia, serif;*/
  --font-display: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-sans: var(--font-body);
  --font-brand: "Bebas Neue", "Inter", system-ui, sans-serif;
  --font-corporativo: "Bebas Neue", "Inter",  system-ui, sans-serif;

  --header-height: 5.1rem;
  --header-height-compact: 3.35rem;
  --header-logo-size: 1.55rem;
  --header-logo-size-compact: 1.55rem;
  --header-brand-size: 1.35rem;
  --header-nav-size: 0.82rem;
  --header-top-offset: 0.85rem;
  --layout-width: 76rem;
  --layout-gutter: clamp(1rem, 2vw, 1.75rem);
  --gallery-main-cover-height: clamp(26rem, 44vh, 34rem);
  --gallery-main-cover-aspect: calc(
    (100vw - (var(--layout-gutter) * 2) - 2px) / (var(--gallery-main-cover-height) - 2px)
  );
  --header-edge-gutter: clamp(1.25rem, 2.5vw, 3rem);
  --section-spacing: clamp(4.5rem, 10vw, 8rem);
  --content-width: 42rem;
  --header-transition: 440ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --shadow-soft: 0 18px 40px rgba(37, 34, 30, 0.08);

  /* Shared utility tokens */
  --color-paper-link: rgba(240, 237, 232, 0.72);
  --color-paper-subtle: rgba(240, 237, 232, 0.45);
  --color-paper-border: rgba(240, 237, 232, 0.16);
  --color-paper-hairline: rgba(240, 237, 232, 0.07);
  --color-warm-shadow: rgba(37, 34, 30, 0.18);
  --radius-xs: 0.32rem;
  --radius-sm: 0.65rem;
  --radius-md: 0.9rem;
  --radius-lg: 1.25rem;
  --z-header: 1000;
  --z-overlay: 999;
  --transition-fast: 180ms ease;
  --transition-color: color 0.18s ease;
}