@theme {
  --color-brand-main: #1C2630;
  --color-brand-accent: #CE7F32;
  --color-brand-accent-hover: #B56F2B;
  --color-brand-bg: #141B22;
}

/* Custom components using our corporate palette */
.form-input-brand {
    width: 100%;
    background-color: var(--color-brand-bg);
    color: #f8fafc;
    border: 1px solid #334155; /* slate-700 */
    border-radius: 0.75rem;     /* 12px rounded */
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
    transition: all 0.2s ease-in-out;
}

.form-input-brand:focus {
    border-color: var(--color-brand-accent);
    outline: none;
    box-shadow: 0 0 0 3px rgba(206, 127, 50, 0.2);
}

.btn-brand-submit {
    width: 100%;
    background-color: var(--color-brand-accent);
    color: #ffffff;
    font-weight: 600;
    border-radius: 0.75rem;
    padding: 0.75rem 1rem;
    box-shadow: 0 4px 6px -1px rgba(206, 127, 50, 0.2);
    transition: all 0.2s ease-in-out;
}

.btn-brand-submit:hover {
    background-color: var(--color-brand-accent-hover);
}

.btn-brand-submit:active {
    transform: scale(0.98);
}