/* Solarpunk NOW — Borders, Shadows, Motion
   Flat black on white. The signature is NOT an outline — it is SOFT ELEVATION:
   thin white sheets of stone paper lifted gently off the white page. Shadows
   are neutral (never warm-brown, never heavy). Where two white surfaces meet,
   a 1px hairline may define the edge. Cards carry a colored marker stripe at
   the TOP edge instead of a border. */
:root {
  /* Borders — hairlines only, and rarely. Default UI has NO heavy border. */
  --border-width: 1px;
  --border-hairline-color: var(--spn-hairline);

  /* Paper-lift shadows — neutral, layered: a tight contact shadow + a soft
     ambient lift. Scale with the sheet size. */
  --shadow-paper-sm:
    0 1px 2px rgba(17, 17, 17, 0.05),
    0 3px 8px rgba(17, 17, 17, 0.06);
  --shadow-paper:
    0 2px 4px rgba(17, 17, 17, 0.05),
    0 10px 24px rgba(17, 17, 17, 0.09);
  --shadow-paper-lg:
    0 4px 10px rgba(17, 17, 17, 0.06),
    0 22px 50px rgba(17, 17, 17, 0.12);
  --shadow-paper-hover:
    0 8px 16px rgba(17, 17, 17, 0.08),
    0 30px 64px rgba(17, 17, 17, 0.15);

  /* Inset well — for sunk inputs / pressed tiles */
  --shadow-inset: inset 0 1px 2px rgba(17, 17, 17, 0.08);

  /* Back-compat aliases (older tokens → now soft). Do NOT use in new work. */
  --shadow-soft: var(--shadow-paper);
  --shadow-soft-sm: var(--shadow-paper-sm);

  /* The colored marker stripe at the top edge of a card (the brand signature).
     Single-area stripe uses --accent; the tricolor band is the dachmarke. */
  --stripe-height: 6px;
  --stripe-tricolor: linear-gradient(90deg,
    var(--spn-pink) 0 33.34%,
    var(--spn-yellow) 0 66.67%,
    var(--spn-green) 0);

  /* Motion — gentle, analog, never springy-bouncy. A sheet settling. */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-soft: cubic-bezier(0.33, 0, 0.2, 1); /* @kind other */
  --dur-fast: 140ms; /* @kind other */
  --dur: 220ms; /* @kind other */
  --dur-slow: 380ms; /* @kind other */
}