/* nailien design tokens. every stylesheet reads these; nothing hardcodes a colour twice. */
:root{
  /* amelia's brand (from her posts + inspo) */
  --nl-pink:#fa5b86;
  --nl-bubble:#ffc6dc;
  --nl-blush:#ffe3ee;
  --nl-yellow:#ffd35a;
  --nl-blue:#b7dcff;
  --nl-teal:#7cc6c6;
  --nl-lilac:#b9a0cf;
  --nl-ink:#2a2330;
  --nl-paper:#fffafc;

  /* windows xp "luna", repainted pink */
  --xp-face:#f6e9ef;        /* dialog / toolbar face (was #ece9d8) */
  --xp-face-2:#fdf3f7;      /* lighter face for menus */
  --xp-light:#ffffff;       /* bevel highlight */
  --xp-dark:#d6b3c3;        /* bevel shadow (was #aca899) */
  --xp-darker:#8a6678;      /* bevel deep shadow (was #716f64) */
  --xp-text:#2a2330;
  --xp-text-dim:#8a6678;
  --xp-title-a:#ffa6c8;     /* title bar gradient, active */
  --xp-title-b:#f85f93;
  --xp-title-c:#ff86b4;
  --xp-title-inactive-a:#f3c9d9;
  --xp-title-inactive-b:#e6a9c2;
  --xp-title-text:#ffffff;
  --xp-accent:#fa5b86;      /* selection, focus ring, active tool */
  --xp-accent-soft:#ffd1e0;
  --xp-work:#cfa9bb;        /* paint's grey work area around the canvas */
  --xp-canvas:#ffffff;
  --xp-taskbar-a:#ff9fc4;
  --xp-taskbar-b:#f0558c;
  --xp-taskbar-c:#d8407a;
  --xp-tray-a:#9fd8d8;      /* system tray, teal like xp's blue tray */
  --xp-tray-b:#6cbcbc;
  --xp-start-a:#9fe0a3;     /* start button stays green: it is the icon of xp */
  --xp-start-b:#4caf63;
  --xp-start-c:#2f8f48;
  --xp-radius:8px;          /* xp window corner */
  --xp-shadow:0 10px 30px -8px rgba(138,102,120,.45);

  /* type */
  --xp-font:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;   /* os chrome, menus, status bars: 12-13px */
  --nl-display:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;      /* headings, wordmark: her chunky rounded type (how to order, pricing guide, sizing guide) */
  --nl-round:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;        /* her rounded body text (the pink bubbles, the sizing checklist) */
  --nl-body:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;           /* her clean body text (pricing tiers, giveaway) */
  --nl-arial:"Trebuchet MS","Lucida Grande",Tahoma,sans-serif;       /* her "computer" posts (whats inside, nail prep, application) */
  --nl-hand:"Patrick Hand","Comic Sans MS",cursive;             /* her handwritten accent (NAILIEN on the giveaway) */
}