/* Hamsa brand system — colors + type pulled from tryhamsa.com */
:root{
  --green:#97DE00; --green-600:#7ec000; --green-050:#f2fbe0;
  --ink:#09090b; --ink-2:#3f3f46; --muted:#71717a; --faint:#a1a1aa;
  --bg:#eef3f9; --bg-2:#e4ecf5; --card:#ffffff;
  --border:#e4e7ec; --border-2:#d4dae2;
  --danger:#e5484d; --danger-bg:#fdecec;
  --ok-bg:#f2fbe0; --ok-ink:#3f6212;
  --radius:14px; --radius-sm:10px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 4px 16px rgba(16,24,40,.06);
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:'Baloo 2',ui-rounded,system-ui,-apple-system,sans-serif;
  background:
    radial-gradient(1100px 480px at 88% -8%, rgba(151,222,0,.14), transparent 60%),
    var(--bg);
  color:var(--ink); -webkit-font-smoothing:antialiased; line-height:1.55;
}
a{color:var(--ink-2);text-decoration:none}
a:hover{color:var(--ink)}

/* logo / brand lockup */
.brand{display:inline-flex;align-items:center;gap:.55rem}
.brand img{height:24px;width:auto;display:block}
.brand .tag{font-size:12px;font-weight:600;color:var(--muted);border-left:1px solid var(--border-2);padding-left:.55rem;letter-spacing:.02em}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.45rem;background:var(--green);color:var(--ink);
  font-family:inherit;font-weight:600;font-size:14px;border:none;border-radius:var(--radius-sm);
  padding:.6rem 1.05rem;cursor:pointer;transition:filter .15s,transform .05s;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.btn:hover{filter:brightness(.96)} .btn:active{transform:translateY(1px)}
.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:#fff;border:1px solid var(--border-2);
  color:var(--ink-2);font-family:inherit;font-weight:600;font-size:13px;border-radius:var(--radius-sm);
  padding:.5rem .85rem;cursor:pointer;transition:background .15s,border-color .15s}
.btn-ghost:hover{background:#fafafa;border-color:var(--faint);color:var(--ink)}
.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);
  font-family:inherit;font-weight:600;padding:.55rem 1rem;cursor:pointer}

/* surfaces */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}

/* inputs */
input,select,textarea{font-family:inherit}
.field{width:100%;box-sizing:border-box;padding:.7rem .85rem;border:1px solid var(--border-2);
  border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
.field:focus{border-color:var(--green-600);box-shadow:0 0 0 3px rgba(151,222,0,.25)}

/* tags */
.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:.18rem .55rem;border-radius:999px}
.tag.on{background:var(--ok-bg);color:var(--ok-ink)}
.tag.off{background:#f4f4f5;color:var(--muted)}

/* generic muted text */
.muted{color:var(--muted)} .mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}