/* Brand palette */
:root {
    --brand-primary: #F37006;   /* основной */
    --brand-secondary: #8235DB; /* доп. */
    --brand-tertiary: #289EA2;  /* второй доп. */
  
    --brand-bg: #ffffff;
    --brand-surface: #ffffff;
    --brand-muted: #6c757d;
    --brand-border: rgba(0, 0, 0, 0.08);
    --brand-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  }
  
  /* Base */
  html, body {
    background: var(--brand-bg);
  }
  
  a {
    color: var(--brand-secondary);
    text-decoration: none;
  }
  a:hover {
    color: var(--brand-primary);
    text-decoration: underline;
  }
  
  .border-soft {
    border: 1px solid var(--brand-border) !important;
  }
  
  /* Surfaces */
  .card,
  .dropdown-menu,
  .modal-content {
    border: 1px solid var(--brand-border);
    box-shadow: var(--brand-shadow);
    border-radius: 16px;
  }
  
  /* Navbar / header */
  .bg-brand {
    background-color: var(--brand-primary) !important;
  }
  .navbar-brand {
    font-weight: 700;
    letter-spacing: 0.2px;
  }
  .navbar .nav-link,
  .navbar .navbar-text {
    color: rgba(255, 255, 255, 0.92) !important;
  }
  .navbar .nav-link:hover {
    color: #ffffff !important;
    text-decoration: none;
  }
  
  /* Buttons: переопределяем Bootstrap .btn-primary под бренд */
  .btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: #d86204;
    --bs-btn-hover-border-color: #d86204;
    --bs-btn-active-bg: #c45803;
    --bs-btn-active-border-color: #c45803;
    --bs-btn-focus-shadow-rgb: 243, 112, 6;
  }
  
  .btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
  
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
  
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-active-color: #fff;
  
    --bs-btn-focus-shadow-rgb: 243, 112, 6;
  }
  
  
  .btn-accent {
    --bs-btn-bg: var(--brand-secondary);
    --bs-btn-border-color: var(--brand-secondary);
    --bs-btn-hover-bg: #6f2dc0;
    --bs-btn-hover-border-color: #6f2dc0;
    --bs-btn-active-bg: #6127a7;
    --bs-btn-active-border-color: #6127a7;
    --bs-btn-focus-shadow-rgb: 130, 53, 219;
    color: #fff !important;
  }
  
  .btn-teal {
    --bs-btn-bg: var(--brand-tertiary);
    --bs-btn-border-color: var(--brand-tertiary);
    --bs-btn-hover-bg: #23888b;
    --bs-btn-hover-border-color: #23888b;
    --bs-btn-active-bg: #1f777a;
    --bs-btn-active-border-color: #1f777a;
    --bs-btn-focus-shadow-rgb: 40, 158, 162;
    color: #fff !important;
  }
  
  /* Text utilities (чтобы было удобно на любых страницах) */
  .text-brand {
    color: var(--brand-primary) !important;
  }
  .text-accent {
    color: var(--brand-secondary) !important;
  }
  .text-teal {
    color: var(--brand-tertiary) !important;
  }
  
  /* Badges */
  .badge-brand {
    background: var(--brand-primary);
  }
  .badge-accent {
    background: var(--brand-secondary);
  }
  .badge-teal {
    background: var(--brand-tertiary);
  }
  
  /* Forms */
  .form-control:focus,
  .form-select:focus {
    border-color: rgba(243, 112, 6, 0.55);
    box-shadow: 0 0 0 0.25rem rgba(243, 112, 6, 0.18);
  }
  
  .form-check-input:checked {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
  }
  .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(243, 112, 6, 0.18);
  }
  
  /* Alerts: легкая кастомизация */
  .alert-info {
    border-color: rgba(40, 158, 162, 0.35);
  }
  .alert-info::before {
    content: "●";
    color: var(--brand-tertiary);
    margin-right: 0.5rem;
  }
  
  .orange-text{
    color: var(--brand-primary);
  }

  .orange{
    background-color: var(--brand-primary);
  }
 
  .school-style{
    background-color: var(--brand-bg);
    color: var(--brand-primary);
  }

  .school-style.active{
    color: var(--brand-bg);
    background-color: var(--brand-primary);
    border: none;
  }