/* /assets/css/theme.css */

html, body{
  font-family: var(--font-family);
  color: var(--c-text);
  background: var(--c-bg);
}

a{ color: var(--c-link); }
a:hover{ color: var(--c-secondary); }

h1{ font-size: var(--h1-size); font-weight: var(--h1-weight); line-height: var(--h1-lh); letter-spacing: var(--h1-ls); }
h2{ font-size: var(--h2-size); font-weight: var(--h2-weight); line-height: var(--h2-lh); letter-spacing: var(--h2-ls); }
h3{ font-size: var(--h3-size); font-weight: var(--h3-weight); line-height: var(--h3-lh); letter-spacing: var(--h3-ls); }
h4{ font-size: var(--h4-size); font-weight: var(--h4-weight); line-height: var(--h4-lh); letter-spacing: var(--h4-ls); }
h5{ font-size: var(--h5-size); font-weight: var(--h5-weight); line-height: var(--h5-lh); letter-spacing: var(--h5-ls); }
p, .p, .text-body{ font-size: var(--p-size); font-weight: var(--p-weight); line-height: var(--p-lh); letter-spacing: var(--p-ls); }

small, .small{ font-size: var(--small-size); font-weight: var(--small-weight); line-height: var(--small-lh); letter-spacing: var(--small-ls); }

.text-muted{ color: var(--c-muted) !important; }
.border, .border-top, .border-bottom, .border-start, .border-end{
  border-color: var(--c-border) !important;
}

/* Buttons */
.btn{ border-radius: var(--btn-radius); }

.btn-primary{ background: var(--c-primary); border-color: var(--c-primary); color:#fff; }
.btn-primary:hover{ background: var(--c-secondary); border-color: var(--c-secondary); }

.btn-success{ background: var(--c-success); border-color: var(--c-success); color:#fff; }
.btn-success:hover{ filter: brightness(.95); }

.btn-warning{ background: var(--c-warning); border-color: var(--c-warning); color:#111; }
.btn-warning:hover{ filter: brightness(.95); }

.btn-danger{ background: var(--c-danger); border-color: var(--c-danger); color:#fff; }
.btn-danger:hover{ filter: brightness(.95); }

.btn-info{ background: var(--c-info); border-color: var(--c-info); color:#003; }
.btn-info:hover{ filter: brightness(.95); }

/* Bootstrap badge/alerts (çok yerde kullanılır) */
.bg-success, .text-bg-success{ background-color: var(--c-success) !important; }
.bg-warning, .text-bg-warning{ background-color: var(--c-warning) !important; color:#111 !important; }
.bg-danger,  .text-bg-danger { background-color: var(--c-danger)  !important; }
.bg-info,    .text-bg-info   { background-color: var(--c-info)    !important; color:#003 !important; }

.alert-success{ border-color: color-mix(in srgb, var(--c-success) 35%, transparent); }
.alert-warning{ border-color: color-mix(in srgb, var(--c-warning) 35%, transparent); }
.alert-danger { border-color: color-mix(in srgb, var(--c-danger)  35%, transparent); }
.alert-info   { border-color: color-mix(in srgb, var(--c-info)    35%, transparent); }

/* Focus ring */
.form-control:focus, .form-select:focus, .btn:focus{
  box-shadow: 0 0 0 .25rem var(--c-focus) !important;
  border-color: transparent !important;
}