/*
Theme Name: SnakeProofUrPup
Theme URI: https://snakeproofurpup.com
Author: SnakeProofUrPup
Author URI: https://snakeproofurpup.com
Description: A custom landing page theme for Snake Aversion Training.
Version: 1.0.6
Text Domain: snakeproofurpup
Requires PHP: 7.4
License: GPLv2 or later
*/

:root {
    --primary-blue: #0F2C59;
    --primary-orange: #FF5500;
    --primary-white: #F8F9FA;
    --dark: #0a0a0a;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--primary-blue);
    color: var(--primary-white);
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
.font-display {
    font-family: 'Fredoka', sans-serif;
}

.text-orange-custom {
    color: var(--primary-orange);
}

.bg-orange-custom {
    background-color: var(--primary-orange);
}

.bg-dark {
    background-color: var(--dark);
}

.grid-pattern {
    background-size: 40px 40px;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
}

.bento-card {
    border-radius: 32px;
    transition: transform 0.3s ease;
}

.bento-card:hover {
    transform: translateY(-5px);
}

.container {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}