/* Shell — minimal tokens for header/footer on rebuilt pages. */

@layer shell {
body.neverland-wp-shell {
  --color-primary:        #FF5A5F;
  --color-primary-dark:   #E8484D;
  --color-primary-light:  #FFE8E5;
  --color-primary-action: #E8484D;
  --color-primary-action-hover: #CF3A40;
  --color-surface:        #FFFFFF;
  --color-bg:             #FFFFFF;
  --color-bg-alt:         #F7F7F5;
  --color-text:           #2B2B2B;
  --color-text-secondary: #666666;
  --color-text-muted:     #666666;
  --color-text-inverse:   #FFFFFF;
  --color-border:         #E8E8E8;
  --color-border-light:   #F0F0EE;

  --font-heading: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-body:    'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-brand:   'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-script:  'Lovely Stories', 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;

  --weight-medium:   500;
  --weight-semibold: 500;
  --weight-bold:     400;

  --leading-relaxed: 1.7;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;


  --radius-lg:   0.75rem;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.07), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -4px rgba(0, 0, 0, 0.04);

  --transition-fast:   150ms ease;
  --transition-base:   200ms ease;
  --transition-slow:   300ms ease;

  --z-dropdown: 100;
  --z-sticky:   200;
  --z-header:   250;
  --z-overlay:  300;

  --header-height: 72px;
  --container-max: 1280px;
  --container-pad: var(--space-6);
}

}

@font-face {
  font-family: 'Lovely Stories';
  src: url('../fonts/lovely-stories.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir LT';
  src: url('../fonts/avenir-lt-w01_35-light1475496.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avenir LT';
  src: url('../fonts/avenir-lt-w01_85-heavy1475544.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/gotham-pro-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Gotham Pro';
  src: url('../fonts/gotham-pro-medium-italic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Helvetica W01';
  src: url('../fonts/helvetica-w01-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Lulo Clean';
  src: url('../fonts/lulo-clean-w01-one-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Morning Memories';
  src: url('../fonts/morning-memories-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Morning Memories';
  src: url('../fonts/morning-memories-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Secular One';
  src: url('../fonts/secular-one.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@layer shell {
body.neverland-wp-shell .container {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-pad);
}

body.neverland-wp-shell {
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-text);
  background-color: var(--color-bg);
}

/* -----------------------------------------------------------------
   Resets — applied only on pages that load shell.css (i.e. WP shell
   pages and shell-static pages). Raw static pages never load this file.
----------------------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

img,
picture,
video,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}
}