/* aim.css — AOL Instant Messenger / Windows-98. The original look: beveled grey
   chrome, Tahoma type, teal desktop, XP-ish blue title bar, yellow running man.
   This is the default skin and reproduces the pre-skin-system appearance 1:1. */

:root {
  --font: Tahoma, 'MS Sans Serif', Geneva, Verdana, sans-serif;
  --font-size: 13px;
  --fg: #000;
  --focus: #000;

  /* teal desktop with the two corner radials */
  --desktop:
    radial-gradient(circle at 20% 10%, #0a9c9c 0, transparent 40%),
    radial-gradient(circle at 90% 80%, #006666 0, transparent 45%),
    #008080;

  /* Win98 bevel primitives */
  --hi: #ffffff;
  --sh: #808080;
  --sh-dk: #404040;

  --win-bg: #c0c0c0;
  --win-bg-lt: #dfdfdf;
  --win-shadow: 1px 1px 0 var(--sh), 4px 4px 14px rgba(0,0,0,.4);
  --divider: var(--sh);

  --titlebar-bg: linear-gradient(90deg, #0a246a, #2f7be8);
  --titlebar-fg: #fff;
  --titlebar-shadow: 1px 1px 0 rgba(0,0,0,.4);

  --tbbtn-bg: var(--win-bg);
  --tbbtn-fg: #000;

  --accent: #5566aa;
  --link: #0033cc;

  --btn-bg: var(--win-bg);
  --btn-fg: #000;
  --input-bg: #fff;
  --input-fg: #000;

  /* text tiers */
  --muted-fg: #333;
  --label-fg: #222;
  --faint-fg: #555;
  --sub-fg: #888;
  --warn-fg: #a00;

  --name-online: #0a0a0a;
  --name-idle: #555;
  --name-offline: #999;

  /* list / groups */
  --list-bg: #fff;
  --group-bg: #ece9d8;
  --group-fg: #000;
  --group-border: #cfcbb8;
  --group-tw: #555;
  --row-hover: #d8e6ff;

  /* avatar */
  --av-border: #999;
  --av-blank-bg: #5566aa;
  --av-blank-fg: #fff;

  /* running-man mascot */
  --runner-body: #f5c518;
  --runner-ink: #5a4500;
  --runner-off-body: #aaa;
  --runner-off-ink: #888;

  /* status dots */
  --dot-connecting: #f4c430;
  --dot-on: #36c24a;
  --dot-idle: #f4c430;
  --dot-off: #b9b9b9;
  --dot-down: #e44;

  /* sound toggle */
  --snd-on-bg: #cdebd0;
  --snd-on-fg: #0a5e1a;
  --snd-off-bg: #e9e2c8;
  --snd-off-fg: #8a7a3a;

  /* came-online flash */
  --flash-from: #fff7b0;
  --flash-mid: #ffe55a;

  /* note / deep-history strip */
  --note-bg: #fffbe0;
  --note-fg: #7a5c00;
  --note-border: #e6dca0;

  /* IM lines */
  --im-them: #a01010;
  --im-mine: #0033cc;
  --quote-bar: #c8d4ec;
  --quote-bg: #f4f7fc;
  --quote-fg: #111;
  --quote-bg-hover: #e7eeff;
  --quote-bar-hover: #6f8fd6;

  /* About connection states */
  --conn-connecting: #8a6d00;
  --conn-live: #0a5e1a;
  --conn-down: #a00;

  /* footer */
  --credit-fg: #cdeaea;
  --credit-link: #fff;
}