/* ─── Scophix Design Tokens & Global Reset ───────────────────────────────── */

:root {
  /* Brand */
  --ink:           #1a1a1a;
  --bg:            #f0f0ed;
  --surface:       #ffffff;
  --border:        #e8e8e8;
  --border-light:  #eeeeee;

  /* Text shades */
  --text-muted:    #888888;
  --text-faint:    #aaaaaa;

  /* Amber / warning */
  --amber:         #854F0B;
  --amber-bg:      #FAEEDA;
  --amber-light:   #FFF8EC;
  --amber-border:  #FAC775;

  /* Green / success */
  --green:         #3b6d11;
  --green-bg:      #EAF3DE;
  --green-border:  #C0DD97;

  /* Red / danger */
  --red:           #A32D2D;
  --red-bg:        #FCEBEB;
  --red-border:    #f5b0b0;

  /* Blue / info */
  --blue:          #185FA5;
  --blue-bg:       #E6F1FB;

  /* Radius scale */
  --r-xs:  5px;
  --r-sm:  6px;
  --r:     8px;
  --r-md:  10px;
  --r-lg:  12px;
  --r-xl:  14px;
  --r-2xl: 16px;
}

/* ─── Reset ──────────────────────────────────────────────────────────────── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}

a { color: inherit; text-decoration: none; }

/* ─── Alpine.js cloak — hide un-initialised x-show elements ─────────────── */
[x-cloak] { display: none !important; }