/* keys.vtun.ro — stiluri custom (peste Tailwind) */

html { scroll-behavior: smooth; }

/* Font */
body { font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif; }

/* ----- Form fields ----- */
/* Background subtil gri, focus alb cu border colorat. Vizibili pe carduri albe. */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="month"],
input[type="week"],
select,
textarea {
    background-color: #f1f5f9;       /* slate-100 */
    border-color: #cbd5e1;            /* slate-300 */
    color: #0f172a;                   /* slate-900 */
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="search"]:hover,
input[type="number"]:hover,
input[type="url"]:hover,
select:hover,
textarea:hover {
    background-color: #e2e8f0;        /* slate-200 */
    border-color: #94a3b8;            /* slate-400 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
select:focus,
textarea:focus {
    background-color: #ffffff;
    border-color: #3d5fff;            /* brand-500 */
    box-shadow: 0 0 0 3px rgba(61, 95, 255, 0.15);
    outline: none;
}

/* Disabled / readonly */
input:disabled,
input[readonly],
select:disabled,
textarea:disabled,
textarea[readonly] {
    background-color: #f1f5f9;
    color: #64748b;                   /* slate-500 */
    cursor: not-allowed;
}

/* Placeholder */
::placeholder { color: #94a3b8; opacity: 1; }    /* slate-400 */

/* Checkbox / radio — fundal alb pe gri, ca sa se vada bifa */
input[type="checkbox"],
input[type="radio"] {
    background-color: #ffffff;
    border-color: #cbd5e1;
}

input[type="checkbox"]:hover,
input[type="radio"]:hover {
    border-color: #3d5fff;
}

/* Inputuri din header (cautarea) — pastram fundal alb sa se vada pe sticky bar */
header input[type="search"] {
    background-color: #ffffff;
}
header input[type="search"]:focus {
    background-color: #ffffff;
}

/* ----- Scrollbar ----- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ----- Admin: input-uri cu contrast mai mare pe carduri albe ----- */
.admin-area input[type="text"],
.admin-area input[type="email"],
.admin-area input[type="password"],
.admin-area input[type="number"],
.admin-area input[type="search"],
.admin-area input[type="tel"],
.admin-area input[type="url"],
.admin-area select,
.admin-area textarea {
    background-color: #f1f5f9;         /* slate-100 */
    border: 1px solid #cbd5e1;         /* slate-300 */
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    box-shadow: inset 0 1px 2px 0 rgba(15, 23, 42, 0.04);
}

.admin-area input[type="text"]:hover,
.admin-area input[type="email"]:hover,
.admin-area input[type="password"]:hover,
.admin-area input[type="number"]:hover,
.admin-area select:hover,
.admin-area textarea:hover {
    background-color: #e2e8f0;         /* slate-200 */
    border-color: #94a3b8;             /* slate-400 */
}

.admin-area input[type="text"]:focus,
.admin-area input[type="email"]:focus,
.admin-area input[type="password"]:focus,
.admin-area input[type="number"]:focus,
.admin-area input[type="tel"]:focus,
.admin-area input[type="url"]:focus,
.admin-area input[type="search"]:focus,
.admin-area select:focus,
.admin-area textarea:focus {
    background-color: #ffffff;
    border-color: #3d5fff;
    box-shadow: 0 0 0 3px rgba(61, 95, 255, 0.18), inset 0 1px 2px 0 rgba(15, 23, 42, 0.04);
}

.admin-area textarea {
    font-family: 'Monaco', 'Consolas', 'Courier New', monospace;
    line-height: 1.5;
}

/* ----- Inline code (pentru chei, tokens) ----- */
code {
    background: #f1f5f9;
    padding: 1px 6px;
    border-radius: 4px;
    font-family: 'Monaco', 'Consolas', 'Courier New', monospace;
    font-size: 0.9em;
}