/* Aero Green. Windows Live Messenger 2009 on Vista and 7. */

.skin-wlm2009 {
  --font: "Segoe UI", Tahoma, sans-serif;
  --font-size: 13px;
  --emoji-font: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla", "EmojiOne Color", "Android Emoji", sans-serif;

  --desktop: linear-gradient(160deg, #b7c9cf 0%, #7f9aa4 50%, #4e6a75 100%);
  --desktop-pad: 16px;

  --text: #1d2b30;
  --muted: #7b8b90;
  --label: #33474d;
  --link: #1a6fa8;
  --accent: #63b32e;
  --accent-strong: #3f8c14;

  --win-bg: #ffffff;
  --win-border: rgba(60,90,100,.75);
  --win-radius: 9px;
  --win-shadow: 0 14px 40px rgba(0,0,0,.4);

  --title-height: 30px;
  --title-bg: linear-gradient(180deg, rgba(46,86,98,.96) 0%, rgba(28,60,70,.96) 50%, rgba(20,48,58,.98) 100%);
  --title-text: #eef6f8;
  --title-shadow: 0 1px 2px rgba(0,0,0,.6);
  --tb-face: rgba(255,255,255,.16);
  --tb-face-hover: rgba(255,255,255,.32);
  --tb-border: rgba(255,255,255,.28);
  --tb-border-hover: rgba(255,255,255,.5);
  --tb-glyph: #eef6f8;
  --tb-close-face: linear-gradient(180deg, #e0705f 0%, #c0392b 100%);

  --menu-bg: linear-gradient(180deg, #ffffff 0%, #eef4f2 100%);
  --menu-border: #d4e0dc;
  --menu-text: #2c4148;
  --menu-hover: #e2f2d6;
  --menu-hover-border: #a9d489;
  --popup-bg: #ffffff;
  --popup-border: #b9cdc4;
  --popup-radius: 6px;

  --signin-bg: linear-gradient(180deg, #ffffff 0%, #f4faf1 55%, #e4f1dc 100%);
  --brand-1: #4a9e1f;
  --brand-2: #1a6fa8;

  --input-bg: #ffffff;
  --input-border: #b7c9c2;
  --input-radius: 4px;
  --focus-ring: 0 0 0 3px rgba(99,179,46,.22);
  --chevron: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0h8L4 5z' fill='%233f8c14'/%3E%3C/svg%3E");

  --btn-face: linear-gradient(180deg, #ffffff 0%, #e9f2e3 100%);
  --btn-face-hover: linear-gradient(180deg, #ffffff 0%, #d9ecc9 100%);
  --btn-border: #a9c3a0;
  --btn-border-hover: #63b32e;
  --btn-text: #24402a;
  --btn-radius: 5px;
  --btn-default-border: #63b32e;
  --btn-default-glow: 0 0 0 2px rgba(99,179,46,.2);

  --pane-bg: linear-gradient(180deg, #ffffff 0%, #f6faf4 100%);
  --pane-border: #dce7d9;
  --me-bg: linear-gradient(180deg, #f7fbf4 0%, #e8f3e0 100%);
  --toolbar-bg: linear-gradient(180deg, #ffffff 0%, #f0f6ec 100%);
  --toolbar-border: #dce7d9;
  --compose-bar-bg: #ffffff;

  --hover-bg: #eef7e7;
  --hover-border: #c3ddaf;
  --selected-bg: #ddefcd;
  --selected-border: #a9d489;
  --group-text: #3f8c14;

  --dp-bg: #ffffff;
  --dp-border: #7cc63f;
  --dp-radius: 10px;
  --dp-inner-radius: 7px;
  --dp-shadow: 0 0 0 1px #ffffff, 0 0 9px rgba(124,198,63,.75);

  --chat-bg: linear-gradient(180deg, #eaf5fb 0%, #dcecf5 100%);
  --tabstrip-bg: linear-gradient(180deg, #ffffff 0%, #eef6f9 100%);
  --tab-face: linear-gradient(180deg, #ffffff 0%, #e8f2ea 100%);
  --tab-face-hover: #ffffff;
  --tab-face-active: #ffffff;
  --tab-border: #cadfd2;
  --tab-text: #40575e;
  --tab-text-active: #2b5c14;
  --tab-radius: 7px;

  --to-bg: linear-gradient(180deg, #ffffff 0%, #f2f8fb 100%);
  --to-border: #d9e7ee;
  --transcript-bg: #ffffff;
  --transcript-border: #cddde5;
  --transcript-radius: 6px;
  --tool-dir: row;

  --them-name: #46626b;
  --me-name-color: #46626b;
  --nudge-text: #c0392b;
  --card-bg: #f4faf1;
  --card-border: #d7e8cd;

  --badge-bg: #63b32e;
  --badge-text: #ffffff;
  --ad-bg: linear-gradient(180deg, #f7fbf4 0%, #e8f3e0 100%);
  --ad-text: #4c6b3f;
  --footer-bg: linear-gradient(180deg, #f7fbf4 0%, #e8f3e0 100%);
  --footer-border: #dce7d9;

  --error-bg: #fdeceb;
  --error-border: #e3a9a3;
  --error-text: #a02618;

  --toast-bg: linear-gradient(180deg, #ffffff 0%, #eef6ea 100%);
  --toast-border: #63b32e;
  --toast-text: #1d2b30;
}

/* 2009 breaks each message onto its own bulleted line under a "X says:"
   header, which is the single biggest visual difference from 7.5. */
.skin-wlm2009 .line { margin: 0 0 2px; }
.skin-wlm2009 .line .who { font-weight: normal; }
.skin-wlm2009 .line .who::after { content: " says:"; }
.skin-wlm2009 .line .said { display: block; margin-left: 26px; position: relative; }
.skin-wlm2009 .line .said::before {
  content: "";
  position: absolute; left: -12px; top: .55em;
  width: 4px; height: 4px; background: var(--muted);
}
.skin-wlm2009 .line.system .said::before,
.skin-wlm2009 .line.nudge .said::before,
.skin-wlm2009 .line.wink .said::before { display: none; }

/* The 2009 toolbar is a row of text links, not icons above labels. */
.skin-wlm2009 .chat-toolbar { background: linear-gradient(180deg, #ffffff 0%, #eaf4e4 100%); }
.skin-wlm2009 .chat-tool { padding: 5px 12px; font-size: 13px; color: #3f6b18; }
.skin-wlm2009 .chat-tool .ct-ico { display: none; }
.skin-wlm2009 .contact-toolbar .ct-ico { display: none; }
.skin-wlm2009 .ad-strip { font-style: italic; }
.skin-wlm2009 .brand-word { color: var(--muted); }