/* --- MOLECULES --- */
@import "50_molecules.css";

/**
  * 60_organisms.css
  *
  * INDEX
  * -----
  *
  * Top Navigation
  * Footer
  * Hero Section
  * 
  */

/* ==========================================================================
   Organisms
   ========================================================================== */

/* Top Navigation
   ========================================================================== */

/**
    * ...
    * Logo, Main Menu, ...
    */

/* Footer
   ========================================================================== */

/**
    * ...
    * Footer Menu, Copyright, Social Icons...
    */

/* Hero Section
   ========================================================================== */

/**
    * ...
    * Headline, Text, CTA, Image, ...
    */

/* ==========================================================================
   TO BE DEFINED IN ORGANISM
   ========================================================================== */

h1 {
  @mixin h1-md;
}

h2 {
  @mixin h2-md;
}

nav {
  font-size: var(--ptt-fnt-size-primary-nav);
}

a {
  @mixin link-md;
}

/* p {
      font-size: var(--ptt-fnt-size-body);
    } */