/* ==========================================================================
   MUSA STUDIO — Design tokens
   ========================================================================== */

:root {
  /* Colors */
  --color-bg: #ece9df;
  --color-text: #1a1a1a;
  --color-accent: #f9f3b4;
  --color-bg-rgb: 236, 233, 223;
  --color-text-rgb: 26, 26, 26;
  --color-accent-rgb: 249, 243, 180;
  --color-border-muted: #9a988f; /* gris "oficina" — para bordes sobre acento/negro sin usar el negro puro */

  /* Fonts */
  --font-display: 'Bootzy TM', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
  --font-asterisk: 'Redaction Asterisk', serif;

  /* Layout */
  --nav-height: 64px;
  --nav-height-mobile: 56px;
  --container-padding: 40px;
  --container-padding-mobile: 20px;

  /* Motion */
  --ease-default: cubic-bezier(0.65, 0, 0.35, 1);
}

@media (max-width: 767px) {
  :root {
    --container-padding: var(--container-padding-mobile);
  }
}