/*
Theme Name: Afters
Theme URI: https://cometoafters.com
Author: Come to Afters
Description: Custom theme for Come to Afters — listening bar, nail salon, and creative brand in Bali. Built for Home, The Bar, The Salon, Our Story, and Visit Us, with room to expand into Radio and Apparel sections.
Version: 1.0
Text Domain: afters
*/

/* ==========================================================================
   AFTERS — DESIGN TOKENS
   ========================================================================== */

:root {
  /* Brand colors — site palette (adapted from brand guidelines) */
  --afters-deep-base: #241454;      /* near-black violet — page backgrounds */
  --afters-primary: #2D1B8C;        /* moody blue-violet — primary brand color */
  --afters-lilac: #8278C4;          /* accent lilac wash */
  --afters-mauve: #594B6F;          /* muted mauve — cards, dividers */
  --afters-white: #FFFFFF;
  --afters-black: #060606;

  /* Salon jewel-tone accents */
  --afters-magenta: #B8286F;
  --afters-gold: #C9A24B;
  --afters-menu-blue: #1509BC; /* exact blue used throughout the official salon menu PDF */

  /* Typography */
  --font-header: 'Mundial', -apple-system, sans-serif;
  --font-display: 'Zuume', -apple-system, sans-serif;
  --font-body: 'Mundial', -apple-system, sans-serif;

  /* Spacing scale */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 8rem;

  --radius: 0;
  --max-width: 1200px;
}

/* Section-level theme variants */
.theme-bar {
  --section-bg: var(--afters-deep-base);
  --section-accent: var(--afters-lilac);
}

.theme-salon {
  --section-bg: var(--afters-deep-base);
  --section-accent: var(--afters-menu-blue);
}