/* ── Global placeholder styling ────────────────────────────────────────────── */
::placeholder {
  color: var(--text-4);
  opacity: 0.55;
}

/* ── Responsive layout spacing ─────────────────────────────────────────────── */
:root {
  --page-pad: 1.5rem;   /* outer horizontal page margin */
  --card-pad: 2rem;     /* inner card / form padding    */
}

@media (max-width: 480px) {
  :root {
    --page-pad: 0.5rem;
    --card-pad: 1rem;
  }
}

/* Prevent iOS Safari auto-zoom on input focus.
   Targets small phones (≤389 px: iPhone mini, SE) only —
   iPhone 13 and larger start at 390 px and are unaffected. */
@media (max-width: 389px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

/* ── Nostri CSS custom properties ─────────────────────────────────────────── */
/* Dark mode (default) */
:root {
  --bg-base:          #0f0f13;
  --bg-surface:       #1a1a24;
  --bg-deep:          #1a0f3a;
  --bg-surface-alt:   #1e1e30;
  --bg-surface-hover: #2a2a42;
  --border-dim:       #1e1e2e;
  --border:           #2d2d3d;
  --border-raised:    #3b3b52;
  --danger-card-bd:   #3b1212;
  --text:             #e2e8f0;
  --text-2:           #94a3b8;
  --text-3:           #64748b;
  --text-4:           #475569;
  --brand-deep:       #4c1d95;
  --brand-deeper:     #5b21b6;
  --brand-dark:       #6d28d9;
  --brand:            #7c3aed;
  --brand-mid:        #a78bfa;
  --brand-light:      #c4b5fd;
  --brand-50:         #e9d5ff;
  --brand-100:        #ddd6fe;
  --brand-border:     #3b2d6b;
  --nav-bg:           rgba(15,15,19,0.85);
  --ok:               #34d399;
  --warn:             #f59e0b;
  --err:              #ef4444;
  --ok-fg:            #86efac;
  --ok-bg:            #14532d;
  --ok-bd:            #166534;
  --warn-fg:          #fbbf24;
  --warn-bg:          #451a03;
  --warn-bd:          #92400e;
  --err-fg:           #fca5a5;
  --err-bg:           #450a0a;
  --err-bd:           #991b1b;
  --err-hover:        #7f1d1d;
  --err-bright:       #f87171;
  --info:             #38bdf8;
}

/* Bitcoin / Amber mode */
html.bitcoin {
  --bg-base:          #0a0908;
  --bg-surface:       #111010;
  --bg-deep:          #060504;
  --bg-surface-alt:   #161412;
  --bg-surface-hover: #1e1c1a;
  --border-dim:       #161412;
  --border:           #1e1c1a;
  --border-raised:    #2a2826;
  --danger-card-bd:   #3b1212;
  --text:             #d8d2ca;
  --text-2:           #b0a898;
  --text-3:           #908880;
  --text-4:           #686360;
  --brand-deep:       #5a2e00;
  --brand-deeper:     #7a3d00;
  --brand-dark:       #b86a00;
  --brand:            #e09422;
  --brand-mid:        #f7931a;
  --brand-light:      #ffac4a;
  --brand-50:         #ffd699;
  --brand-100:        #ffe8c0;
  --brand-border:     #2e1a00;
  --nav-bg:           rgba(10,9,8,0.92);
  --ok:               #34d399;
  --warn:             #f59e0b;
  --err:              #ef4444;
  --ok-fg:            #86efac;
  --ok-bg:            #14532d;
  --ok-bd:            #166534;
  --warn-fg:          #fbbf24;
  --warn-bg:          #451a03;
  --warn-bd:          #92400e;
  --err-fg:           #fca5a5;
  --err-bg:           #450a0a;
  --err-bd:           #991b1b;
  --err-hover:        #7f1d1d;
  --err-bright:       #f87171;
  --info:             #38bdf8;
}

/* Bitcoin / Amber light mode */
html.bitcoin-light {
  --bg-base:          #faf7f2;
  --bg-surface:       #ffffff;
  --bg-deep:          #f2ebe0;
  --bg-surface-alt:   #f5f0e6;
  --bg-surface-hover: #ede5d8;
  --border-dim:       #e8ddd0;
  --border:           #d8ccbc;
  --border-raised:    #c8b8a8;
  --danger-card-bd:   #fecaca;
  --text:             #1c1510;
  --text-2:           #5c4a38;
  --text-3:           #8a7060;
  --text-4:           #b0988a;
  --brand-deep:       #5a2e00;
  --brand-deeper:     #7a3d00;
  --brand-dark:       #a85800;
  --brand:            #c97010;
  --brand-mid:        #b86000;
  --brand-light:      #9a4e00;
  --brand-50:         #fff0d0;
  --brand-100:        #7a3d00;
  --brand-border:     #f2d4a0;
  --nav-bg:           rgba(250,247,242,0.92);
  --ok:               #16a34a;
  --warn:             #d97706;
  --err:              #dc2626;
  --ok-fg:            #166534;
  --ok-bg:            #f0fdf4;
  --ok-bd:            #bbf7d0;
  --warn-fg:          #92400e;
  --warn-bg:          #fffbeb;
  --warn-bd:          #fcd34d;
  --err-fg:           #991b1b;
  --err-bg:           #fef2f2;
  --err-bd:           #fecaca;
  --err-hover:        #fee2e2;
  --err-bright:       #b91c1c;
  --info:             #0284c7;
}

/* Purple light mode */
html.light {
  --bg-base:          #f5f3ff;
  --bg-surface:       #ffffff;
  --bg-deep:          #ede9fe;
  --bg-surface-alt:   #ede9fe;
  --bg-surface-hover: #ddd6fe;
  --border-dim:       #e2ddf5;
  --border:           #cdc7ea;
  --border-raised:    #b8b0e0;
  --danger-card-bd:   #fecaca;
  --text:             #1e1a2e;
  --text-2:           #4a4568;
  --text-3:           #6b6491;
  --text-4:           #8b84b0;
  --brand-deep:       #4c1d95;
  --brand-deeper:     #5b21b6;
  --brand-dark:       #6d28d9;
  --brand:            #7c3aed;
  --brand-mid:        #6d28d9;
  --brand-light:      #5b21b6;
  --brand-50:         #e9d5ff;
  --brand-100:        #4c1d95;
  --brand-border:     #c4b5fd;
  --nav-bg:           rgba(245,243,255,0.90);
  --ok:               #16a34a;
  --warn:             #d97706;
  --err:              #dc2626;
  --ok-fg:            #166534;
  --ok-bg:            #f0fdf4;
  --ok-bd:            #bbf7d0;
  --warn-fg:          #92400e;
  --warn-bg:          #fffbeb;
  --warn-bd:          #fcd34d;
  --err-fg:           #991b1b;
  --err-bg:           #fef2f2;
  --err-bd:           #fecaca;
  --err-hover:        #fee2e2;
  --err-bright:       #b91c1c;
  --info:             #0284c7;
}