html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

:root {
    --coffee-blk: #2f211e;
    --coffee-dark: #4e342e; /* Rich dark roast */
    --coffee-medium: #6d4c41; /* Medium roast */
    --coffee-light: #d7ccc8; /* Light roast */
    --coffee-cream: #fff8e1; /* Coffee cream background */
    --coffee-green: #2e7d32; /* Fresh natural accent */

    --logo-color: #F3BD44;
}

body {
    background-color: var(--coffee-cream);
    color: var(--coffee-dark);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/* Headings */
h1, h2, h3, h4, h5 {
    color: var(--coffee-blk);
    font-weight: 700;
}

/* Buttons */
.btn-primary {
    background-color: var(--coffee-dark);
    border-color: var(--coffee-dark);
}

    .btn-primary:hover {
        background-color: var(--coffee-medium);
        border-color: var(--coffee-medium);
    }

.btn-success {
    background-color: var(--coffee-green);
    border-color: var(--coffee-green);
}

    .btn-success:hover {
        background-color: #1b5e20;
        border-color: #1b5e20;
    }

/* Custom utility classes */
.text-brown {
    color: var(--coffee-blk) !important;
}

.text-yello {
    color: var(--logo-color) !important;
}

.bg-coffee {
    background-color: var(--coffee-blk) !important;
    /*color: white !important;*/
    color: var(--logo-color) !important;
}

.bg-light {
    background-color: var(--coffee-light) !important;
}


.fs-7 {
    font-size: .75rem;
}

.custom-toggler.navbar-toggler {
    border-color: #F3BD44;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url( "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(243, 189, 68)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}



.navbar-toggler {
    font-size: 2rem !important;
}