/*
 * ── Cipher Skin (stub) ──────────────────────────────────────────────────────
 * Near-black + phosphor green. All-mono TUI. For hackers.
 *
 * Status: CSS tokens defined. Dashboard layout stub in app.js SKINS.cipher.
 * To fully implement: add renderDashboardCipher() in app.js following dir-c.js.
 *
 * Layout flags (app.js SKINS.cipher):
 *   nav: 'command'   → command palette at bottom, no tab bar
 *   mascot: false
 *   mono: true       → all text uses --font-mono
 *   statusStyle: 'crypto' → ● SECURE / ✕ BREAK / ○ LOCKED tags
 */

[data-skin="cipher"] {
  --bg-primary:    #06090c;
  --bg-secondary:  #0b1014;
  --bg-tertiary:   #0d1318;
  --bg-hover:      #111b16;
  --bg-active:     #162118;

  --border-subtle:  #16201a;
  --border-default: #1f2e24;
  --border-strong:  #2a3e30;

  --text-primary:   #c8f5d8;
  --text-secondary: #5f8c70;
  --text-tertiary:  #3a5644;
  --text-inverse:   #06090c;

  /* Accent — phosphor green */
  --accent:        #3ce074;
  --accent-hover:  #2ecc64;
  --accent-subtle: rgba(60,224,116,.1);
  --accent-glow:   rgba(60,224,116,.2);

  /* Cipher extras */
  --cipher-cyan:  #3cd5e0;
  --cipher-amber: #e0b23c;
  --cipher-red:   #e05c5c;

  --success:        #3ce074;
  --success-subtle: rgba(60,224,116,.1);
  --warning:        #e0b23c;
  --warning-subtle: rgba(224,178,60,.1);
  --error:          #e05c5c;
  --error-subtle:   rgba(224,92,92,.1);

  --radius-card: 7px;
  --radius-sm:   4px;
  --radius-md:   7px;

  --glass-bg:     rgba(11,16,20,.9);
  --glass-border: rgba(60,224,116,.08);
}

/* Scanline overlay on the page background */
[data-skin="cipher"] body {
  background-image: repeating-linear-gradient(
    0deg,
    rgba(60,224,116,.025) 0 1px,
    transparent 1px 3px
  );
}

/* All text mono in cipher mode */
[data-skin="cipher"] .page,
[data-skin="cipher"] .top-bar__title,
[data-skin="cipher"] .card,
[data-skin="cipher"] .settings-row__title {
  font-family: var(--font-mono);
}