/**
  Light Mode Colors
 */
:root {
    --primary:#236C93;
    --secondary:#71A0B9;
    --link:#97BACC;
    --accent:#BED4DF;
    --background:#F2F6F9;
    --foreground:#D8E5EC;
    --text:#262525;
    --shadow: #171717;
    --bg: #D8E5EC;
    --primary-weak:#236C93;
    --surface:#ffffff;
    --text-dim:#236C93;
    --lighter-text:#222; /* used in navbar */
    --stroke:#D8E5EC;
    --radius-lg: 20px;
    --radius-md: 16px;
    --shadow-lg: 0 6px 20px rgba(0,0,0,.15);
    --shadow-md: 0 3px 12px rgba(0,0,0,.12);
    --shadow-sm: 0 2px 8px rgba(0,0,0,.10);
    --container: 1180px;
    --transition: all 0.3s ease;
    --muted: #4A4A4A;
}

button {
    min-height: 40px;
    background-color: var(--primary);
    border: none;
    border-radius: 12px;
    max-width: max-content;
    padding: 0 2rem;
    color: var(--background);
}
button:hover {
    background-color: var(--secondary);
    cursor: pointer;
}