/* =========================================================
   SoftCon Theme CSS
   Purpose:
   - Brand tokens
   - Font settings
   - Bootstrap variable overrides
   - Shared visual rules
   ========================================================= */

:root {
    /* Typography */
    --bs-font-sans-serif: "Inter", "Noto Sans Thai", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.95rem;
    --bs-body-line-height: 1.6;
    /* Brand */
    --bs-primary: #245c8f;
    --bs-secondary: #6c757d;
    /* Shape */
    --bs-border-radius: 0.5rem;
    --bs-border-radius-sm: 0.35rem;
    --bs-border-radius-lg: 0.75rem;
    /* SoftCon tokens */
    --sc-readonly-bg: var(--bs-tertiary-bg);
    --sc-shell-navbar-bg: var(--bs-body-bg);
    --sc-shell-navbar-border: var(--bs-border-color);
    --sc-shell-brand-color: var(--bs-primary);
}

/* Typography */
html,
body,
button,
input,
select,
textarea {
    font-family: var(--bs-body-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--bs-body-font-family);
    font-weight: 600;
    line-height: 1.35;
}

/* Bootstrap refinements */
.table {
    font-size: 0.925rem;
}

.form-label {
    font-weight: 500;
}

.form-control,
.form-select,
.btn {
    font-size: 0.95rem;
}

.navbar,
.dropdown-menu {
    font-size: 0.95rem;
}

.form-control[readonly] {
    background-color: var(--sc-readonly-bg);
    cursor: default;
    border-color: var(--bs-border-color);
}

.darker-border-checkbox.form-check-input {
    border-color: var(--bs-secondary-color);
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder,
.form-floating > .form-control:focus::placeholder {
    text-align: start;
}