/* Lektu — global styles */

* { font-family: 'Space Grotesk', sans-serif; box-sizing: border-box; }
body { background: #f0ede6; color: #0a0a0a; }

.mono { font-family: 'Space Mono', monospace; }

.card { background: #fff; border: 2px solid #0a0a0a; border-radius: 8px; }
.shadow-hard   { box-shadow: 3px 3px 0 #0a0a0a; }
.shadow-hard-sm { box-shadow: 2px 2px 0 #0a0a0a; }
.divider { border: none; border-top: 2px solid #0a0a0a; }
.star { color: #ffe600; font-size: 1rem; }

/* Buttons */
.btn-green {
  background: #00a651; color: #fff;
  border: 2px solid #0a0a0a; box-shadow: 3px 3px 0 #0a0a0a;
  font-weight: 700; transition: transform 0.08s, box-shadow 0.08s;
  cursor: pointer; border-radius: 8px;
  display: inline-block; text-align: center; text-decoration: none;
}
.btn-green:hover    { transform: translate(1px,1px); box-shadow: 2px 2px 0 #0a0a0a; }
.btn-green:active   { transform: translate(2px,2px); box-shadow: 1px 1px 0 #0a0a0a; }
.btn-green:disabled { opacity: 0.5; cursor: not-allowed; transform: none; box-shadow: 3px 3px 0 #0a0a0a; }

.btn-ghost {
  background: #f0ede6; color: #0a0a0a;
  border: 2px solid #0a0a0a; box-shadow: 3px 3px 0 #0a0a0a;
  font-weight: 700; transition: transform 0.08s, box-shadow 0.08s;
  cursor: pointer; border-radius: 8px;
  display: inline-block; text-align: center; text-decoration: none;
}
.btn-ghost:hover  { transform: translate(1px,1px); box-shadow: 2px 2px 0 #0a0a0a; }
.btn-ghost:active { transform: translate(2px,2px); box-shadow: 1px 1px 0 #0a0a0a; }

.btn-danger {
  background: #fff; color: #dc2626;
  border: 2px solid #0a0a0a; box-shadow: 3px 3px 0 #0a0a0a;
  font-weight: 700; transition: transform 0.08s, box-shadow 0.08s;
  cursor: pointer; border-radius: 8px;
}
.btn-danger:hover  { transform: translate(1px,1px); box-shadow: 2px 2px 0 #0a0a0a; }
.btn-danger:active { transform: translate(2px,2px); box-shadow: 1px 1px 0 #0a0a0a; }

/* Input */
.inp {
  background: #fff; border: 2px solid #0a0a0a; border-radius: 6px;
  padding: 0.6rem 0.75rem; font-size: 0.875rem; width: 100%;
  outline: none; transition: box-shadow 0.1s;
}
.inp:focus    { box-shadow: 3px 3px 0 #00a651; }
.inp:disabled { background: #f0ede6; cursor: not-allowed; }
.inp::placeholder {
  text-transform: uppercase; font-weight: 700;
  letter-spacing: 0.05em; color: rgba(10,10,10,0.4);
}

label {
  display: block; font-size: 0.75rem; font-weight: 700;
  text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.4rem;
}

/* Tags */
.tag {
  background: #f0ede6; border: 2px solid #0a0a0a; border-radius: 4px;
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em;
  text-transform: uppercase; padding: 2px 8px; display: inline-block;
}
.tag-green  { background: #00a651; color: #fff; border: 2px solid #0a0a0a; }
.tag-yellow { background: #ffe600; border: 2px solid #0a0a0a; }
.tag-blue   { background: #dbeafe; border: 2px solid #0a0a0a; }
.tag-orange { background: #fed7aa; border: 2px solid #0a0a0a; }

/* Notification badge */
.badge {
  background: #00a651; color: #fff;
  font-family: 'Space Mono', monospace;
  font-size: 0.65rem; font-weight: 700;
  border-radius: 999px; border: 2px solid #0a0a0a;
  padding: 1px 6px; min-width: 20px; text-align: center;
}