@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600&display=swap');

/* — tokens/fonts.css — */
/* Moreno Ranches Bolivia — webfonts */

@font-face {
  font-family: 'Bebas Neue';
  src: url('assets/fonts/BebasNeue-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Abel';
  src: url('assets/fonts/Abel-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Body serif: Libre Caslon Text (Google Fonts substitution — no serif file was provided).
   Loaded via @import so consumers get it from styles.css automatically. */


/* Technical/label sans: Oswald (Google Fonts) — condensed companion to Bebas for
   small caps-tracked labels, nav, buttons, data tables where Bebas is too display-only. */



/* — tokens/colors.css — */
/* Moreno Ranches Bolivia — color tokens */

:root {
  /* Base */
  --black: #0b0b0b;          /* brand black — card/invitation background */
  --black-2: #151413;        /* raised surface on black */
  --black-3: #1f1d1b;        /* borders/hairline surfaces on black */
  --white: #fdfdfc;          /* brand white — type on black */
  --bone: #f4f1ea;           /* warm paper — light surfaces, print */
  --bone-2: #e9e4d8;         /* darker bone — hairlines on light */

  /* Signature red (MCheck) — accent only, never a background wash */
  --red: #c1121f;
  --red-deep: #9b0e18;       /* hover/press */

  /* Warm neutrals */
  --taupe: #8a8073;          /* muted captions on light */
  --gray-warm: #b9b3a8;      /* muted type on black */
  --ember: #b3772f;          /* sunset amber — rare, celebratory accent (fuego) */

  /* Semantic aliases — dark-first brand */
  --surface-page: var(--black);
  --surface-card: var(--black-2);
  --surface-light: var(--bone);
  --text-display: var(--white);
  --text-body: var(--white);
  --text-muted: var(--gray-warm);
  --text-on-light: #171512;
  --text-muted-on-light: var(--taupe);
  --accent: var(--red);
  --accent-hover: var(--red-deep);
  --border-dark: #2a2723;    /* hairline on black */
  --border-light: var(--bone-2);
}


/* — tokens/typography.css — */
/* Moreno Ranches Bolivia — typography tokens */

:root {
  /* Families */
  --font-display: 'Bebas Neue', 'Oswald', sans-serif;   /* headlines, names of bulls, numerals */
  --font-label: 'Oswald', sans-serif;                    /* nav, buttons, eyebrows, data labels */
  --font-body: 'Abel', sans-serif;                       /* copys: body, leads, descripciones */
  --font-serif: 'Libre Caslon Text', Georgia, serif;     /* acentos editoriales (invitación) */

  /* Scale (1920 desktop base) */
  --text-hero: 96px;         /* Bebas, line-height .95 */
  --text-h1: 64px;
  --text-h2: 44px;
  --text-h3: 30px;
  --text-lead: 25px;         /* lead paragraph */
  --text-body-size: 21px;    /* body, line-height 1.65 */
  --text-label-size: 13px;   /* Oswald 500, tracked caps */
  --text-caption: 12px;

  /* Tracking */
  --track-display: 0.02em;   /* Bebas breathes slightly */
  --track-label: 0.22em;     /* wide caps-tracking, the brand's signature */
  --track-serif: 0; /* @kind other */

  /* Line heights */
  --leading-display: 0.95;
  --leading-body: 1.65;
  --leading-label: 1.2;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-body-size);
  line-height: var(--leading-body);
  color: var(--text-body);
  background: var(--surface-page);
  margin: 0;
  -webkit-font-smoothing: antialiased;
}


/* — tokens/spacing.css — */
/* Moreno Ranches Bolivia — spacing, radii, borders, shadows, motion */

:root {
  /* Spacing — generous, ceremonial whitespace */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 144px;

  /* Radii — square by default; the brand is rectilinear */
  --radius-0: 0px;           /* cards, images, invitations */
  --radius-pill: 999px;      /* the single exception: pill CTA buttons */

  /* Borders */
  --hairline: 1px solid var(--border-dark);
  --hairline-light: 1px solid var(--border-light);
  --rule-red: 2px solid var(--red);      /* short red rule under eyebrows */

  /* Shadows — nearly none; darkness does the separating */
  --shadow-card: 0 1px 0 rgba(255,255,255,0.04) inset;
  --shadow-lift: 0 16px 40px rgba(0,0,0,0.45);   /* modals/lightbox only */

  /* Protection over imagery */
  --scrim-bottom: linear-gradient(180deg, rgba(11,11,11,0) 30%, rgba(11,11,11,0.85) 100%); /* @kind other */
  --scrim-panel: rgba(11,11,11,0.82);            /* solid-ish panel over photos */

  /* Motion — slow, composed; no bounces */
  --ease-brand: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --dur-fast: 160ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}