@import url("https://assets.confirm.ch/colours.css") layer(settings);
@import url("resets.css") layer(resets);
@import url("settings.css") layer(settings);
@import url("skeleton.css") layer(skeleton);

@layer resets, settings, skeleton;

/* ============================================================ *
   PROJECT STYLES

   This layer contains the project specific settings. Use it to
   write further styles or overwrite the styles of the previous
   layers - please don't change it in the design system.
 * ============================================================ */

/* ============================================================ *
   GENERIC

   The Generic layer contains styles that should be applied
   widely across the DOM, i.e. you could apply styles to the
   html, body or * selectors.
 * ============================================================ */

/* ============================================================ *
   OBJECTS / LAYOUT

   The Objects layer targets elements by their elements name only.
   Also, styles in this layer are usually of a layout nature
   -- such as height, width, padding, margin, etc.
 * ============================================================ */