/* =========================================
   1. Custom Font Declarations (@font-face)
   ========================================= */

/* Primary Font: Arizona Flare */
@font-face {
  font-family: 'Arizona Flare';
  src: url('../assets/fonts/arizonaflare-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arizona Flare';
  src: url('../assets/fonts/arizonaflare-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arizona Flare';
  src: url('../assets/fonts/arizonaflare-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arizona Flare';
  src: url('../assets/fonts/arizonaflare-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Secondary Font: Bookmania */
@font-face {
  font-family: 'Bookmania';
  src: url('../assets/fonts/bookmania-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bookmania';
  src: url('../assets/fonts/bookmania-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bookmania';
  src: url('../assets/fonts/bookmania-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Tertiary Font: Univers */
@font-face {
  font-family: 'Univers';
  src: url('../assets/fonts/univers-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Univers';
  src: url('../assets/fonts/univers-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Univers';
  src: url('../assets/fonts/univers-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================
   2. Material Design 3 Spacing Tokens
   ========================================= */

:root {
  /* Material Design 3 System Spacing Tokens */
  --md-sys-spacing-025: 0.125rem; /*  2px */
  --md-sys-spacing-050: 0.25rem;  /*  4px */
  --md-sys-spacing-100: 0.5rem;   /*  8px */
  --md-sys-spacing-150: 0.75rem;  /* 12px */
  --md-sys-spacing-200: 1rem;     /* 16px */
  --md-sys-spacing-300: 1.5rem;   /* 24px */
  --md-sys-spacing-400: 2rem;     /* 32px */
  --md-sys-spacing-500: 2.5rem;   /* 40px */
  --md-sys-spacing-600: 3rem;     /* 48px - Touch Target */
  --md-sys-spacing-800: 4rem;     /* 64px */
  --md-sys-spacing-1000: 5rem;    /* 80px */
  --md-sys-spacing-1200: 6rem;    /* 96px */
  
  /* NEW: Generous Macro Spacing Tokens */
  --md-sys-spacing-1400: 7rem;    /* 112px */
  --md-sys-spacing-1600: 8rem;    /* 128px */

  /* Typography Hierarchy */
  --font-primary: 'Arizona Flare', serif;   
  --font-secondary: 'Bookmania', serif;     
  --font-tertiary: 'Univers', sans-serif;   

  /* Official Wedding Color Palette */
  --color-brown: #735236;
  --color-blue: #8198A6;
  --color-green: #B2BF84;
  --color-beige: #D9D3CC;
  --color-off-white: #F2F2F2;

  /* M3 Color Token Mapping */
  --md-sys-color-primary: var(--color-brown);
  --md-sys-color-on-primary: var(--color-off-white);
  --md-sys-color-secondary: var(--color-blue);
  --md-sys-color-tertiary: var(--color-green);
  --md-sys-color-surface: var(--color-off-white);
  --md-sys-color-surface-variant: var(--color-beige);
  --md-sys-color-on-surface: var(--color-brown);
  --md-sys-color-border: var(--color-beige);
}