/*
 * ── Daemon Skin ─────────────────────────────────────────────────────────────
 * Warm plum + coral. The default Mailz skin.
 * A guardian creature whose mood reflects system health.
 *
 * To add a new skin:
 *   1. Create skins/myname.css with [data-skin="myname"] { ...tokens... }
 *   2. Add a <link> for it in index.html
 *   3. Add SKINS.myname entry in app.js
 *   4. Add renderDashboardMyname() branch in renderDashboard()
 *   5. Add a preview card in the skin picker
 */

[data-skin="daemon"] {
  /* Backgrounds — plum family */
  --bg-primary:    #171022;
  --bg-secondary:  #1f1630;
  --bg-tertiary:   #281c3d;
  --bg-hover:      #2a1d3f;
  --bg-active:     #32224a;

  /* Borders */
  --border-subtle:  #33264a;
  --border-default: #3d2e58;
  --border-strong:  #5a4480;

  /* Text */
  --text-primary:   #f3ecff;
  --text-secondary: #a594c2;
  --text-tertiary:  #6f5e8c;
  --text-inverse:   #1a0e2e;

  /* Accent — coral */
  --accent:       #ff7a59;
  --accent-hover: #e86843;
  --accent-subtle: rgba(255,122,89,.14);
  --accent-glow:   rgba(255,122,89,.28);

  /* Skin extra — amber highlight */
  --accent-2: #ffd166;

  /* Semantic */
  --success:        #5ee0a6;
  --success-subtle: rgba(94,224,166,.14);
  --warning:        #ffd166;
  --warning-subtle: rgba(255,209,102,.14);
  --error:          #ff6b8a;
  --error-subtle:   rgba(255,107,138,.14);

  /* Inbox series (daemon tinted) */
  --inbox-1: #ff7a59;
  --inbox-2: #a78bfa;
  --inbox-3: #5ee0a6;
  --inbox-4: #ffd166;
  --inbox-5: #67e8f9;
  --inbox-6: #f9a8d4;
  --inbox-7: #fdba74;
  --inbox-8: #c4b5fd;

  /* Glass */
  --glass-bg:     rgba(31,22,48,.85);
  --glass-border: rgba(255,255,255,.06);

  /* Radius — softer */
  --radius-card: 18px;

  /* Mascot gradient */
  --mascot-from: #ff8c6b;
  --mascot-to:   #ff6b8a;
}

/* Radial coral glow on page background */
[data-skin="daemon"] body {
  background:
    radial-gradient(120% 60% at 50% -8%, rgba(255,122,89,.16), transparent 60%),
    var(--bg-primary);
}

/* Daemon-only: colored bubble box-shadow uses coral */
[data-skin="daemon"] .daemon-card__bubble:not(.q):not(.z) {
  box-shadow: 0 4px 12px rgba(255,122,89,.4);
}