/*
 * ALYSSA GRASSO
 * Brand Theme: Ocean & Sand
 * Modern Coastal Technology Consultancy
 *
 * Primary: Ocean Teal
 * Secondary: Deep Navy
 * Accents: Golden Sand & Soft Coral
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

:root {

  /* ---------------------------------
     BRAND COLORS
  --------------------------------- */

  /* Primary */
  --navy: #0A192F;
  --deep: #071526;
  --teal: #008080;

  /* Backgrounds */
  --mint: #E0F2F1;
  --cream: #FAF9F6;

  /* Text & Borders */
  --ink: #172B3D;
  --muted: #647580;
  --line: #D7E5E3;

  /* Decorative Accents */
  --sand: #F4A460;
  --coral: #FF6F61;


  /* ---------------------------------
     TYPOGRAPHY
  --------------------------------- */

  --font-heading: 'Plus Jakarta Sans', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  --font-base-size: 16px;

  /* Elegant, lighter headlines */
  --heading-font-weight: 500;
  --heading-letter-spacing: -0.045em;
  --heading-line-height: 1.12;
  --heading-text-transform: none;

  /* Fluid responsive heading sizes */
  --font-size-h1: clamp(2.7rem, 5.5vw, 4.8rem);
  --font-size-h2: clamp(2rem, 3.4vw, 3.1rem);
  --font-size-h3: clamp(1.15rem, 1.4vw, 1.4rem);


  /* ---------------------------------
     BRAND / WORDMARK
  --------------------------------- */

  --font-size-brand: 1.7rem;
  --font-size-brand-tablet: 1.45rem;
  --font-size-brand-mobile: 1.5rem;

  --brand-font-weight: 600;
  --brand-letter-spacing: -0.055em;


  /* ---------------------------------
     LAYOUT & SPACING
  --------------------------------- */

  --container-width: 1180px;
  --container-gutter: 26px;
  --section-spacing: 95px;


  /* ---------------------------------
     COMPONENTS
  --------------------------------- */

  --button-radius: 8px;
  --card-radius: 12px;
  --card-padding: 32px;

  --dock-height: 84px;
}


/* ---------------------------------
   DECORATIVE DETAILS
--------------------------------- */

::selection {
  background: #FFDBD6;
  color: var(--deep);
}