/* Apple-Dark theme tokens — Twiqor CRM v2 */
:root {
  --bg-0: #0a0a0f;
  --bg-1: #1a1a2e;
  --bg-2: #22223a;
  --accent: #F97316;
  --accent-hover: #FB923C;
  --text-1: #ffffff;
  --text-2: #a0a0b0;
  --text-3: #6a6a75;
  --border-1: #2a2a3e;
  --border-2: #3a3a4e;
  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --radius-card: 12px;
  --radius-input: 8px;
  --shadow-card: 0 4px 12px rgba(0,0,0,0.3);
  --transition: 200ms ease;
  --font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
}

html, body {
  background: var(--bg-0);
  color: var(--text-1);
  font-family: var(--font);
  font-size: 14px;
}

/* ---- Form primitives ---- */
label {
  display: block;
  color: var(--text-2);
  font-size: 13px;
  margin-bottom: 6px;
  font-weight: 500;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="search"],
select,
textarea {
  width: 100%;
  background: var(--bg-2);
  border: 1px solid var(--border-2);
  border-radius: var(--radius-input);
  padding: 10px 12px;
  color: var(--text-1);
  transition: border-color var(--transition), background var(--transition);
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--accent);
  background: var(--bg-1);
}

input::placeholder,
textarea::placeholder { color: var(--text-3); }

select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--text-2) 50%),
                    linear-gradient(135deg, var(--text-2) 50%, transparent 50%);
  background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 32px;
}

textarea { resize: vertical; min-height: 80px; }

hr { border: none; border-top: 1px solid var(--border-1); margin: 16px 0; }

::selection { background: var(--accent); color: #fff; }

/* Scrollbar — dark */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-0); }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-3); }