/*
Theme Name: Tema Plataforma de Casamento
Theme URI: https://example.com/wedding-platform-theme
Author: Equipe Plataforma de Casamento
Author URI: https://example.com
Description: Tema publico da Plataforma de Casamento, com home em tela cheia, apresentacao do casal, presentes, RSVP, galeria, mural de mensagens e paginas do evento.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wedding-platform-theme
*/

:root {
    --wp-theme-color-bg: #f5fbf9;
    --wp-theme-color-surface: #ffffff;
    --wp-theme-color-surface-soft: #edf7f3;
    --wp-theme-color-text: #12343a;
    --wp-theme-color-title: #0f2a2f;
    --wp-theme-color-muted: #5f7f85;
    --wp-theme-color-primary: #1f7a6b;
    --wp-theme-color-primary-strong: #176356;
    --wp-theme-color-secondary: #1f6fa5;
    --wp-theme-color-accent: #176356;
    --wp-theme-color-button: #1f7a6b;
    --wp-theme-color-button-hover: #176356;
    --wp-theme-color-menu: #ffffff;
    --wp-theme-color-footer: #2f2430;
    --wp-theme-color-border: #d6e8e4;
    --wp-theme-color-shadow: rgba(18, 52, 58, 0.08);
    --wp-theme-radius: 14px;
    --wp-theme-radius-sm: 10px;
    --wp-theme-space-1: 0.5rem;
    --wp-theme-space-2: 0.75rem;
    --wp-theme-space-3: 1rem;
    --wp-theme-space-4: 1.5rem;
    --wp-theme-space-5: 2rem;
    --wp-theme-space-6: 3rem;
    --wp-theme-font-heading: "Cormorant Garamond", "Times New Roman", serif;
    --wp-theme-font-body: "Nunito Sans", "Segoe UI", Tahoma, sans-serif;
    --wp-theme-font-size-base: 17px;
    --wp-theme-heading-scale: 1.22;
    --wp-theme-heading-weight: 600;
    --wp-theme-heading-letter-spacing: 0.02em;
    --wp-theme-max-width: 1120px;
    --wp-theme-section-padding-top: 72px;
    --wp-theme-section-padding-bottom: 72px;
    --wp-theme-button-radius: 999px;
    --wp-theme-hero-height: 72vh;
    --wp-theme-body-bg-image: linear-gradient(180deg, #ffffff 0%, var(--wp-theme-color-bg) 100%);
    --wp-theme-body-bg-position: center center;
    --wp-theme-body-bg-repeat: no-repeat;
    --wp-theme-body-bg-size: cover;
    --wp-theme-body-bg-attachment: scroll;
    --wp-theme-body-overlay: rgba(47, 36, 48, 0);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    color: var(--wp-theme-color-text);
    font-family: var(--wp-theme-font-body);
    font-size: var(--wp-theme-font-size-base);
    line-height: 1.55;
    background-image: var(--wp-theme-body-bg-image);
    background-position: var(--wp-theme-body-bg-position);
    background-repeat: var(--wp-theme-body-bg-repeat);
    background-size: var(--wp-theme-body-bg-size);
    background-attachment: var(--wp-theme-body-bg-attachment);
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background: var(--wp-theme-body-overlay);
    pointer-events: none;
    z-index: 0;
}

#page,
.site-header,
.site-main,
.site-footer {
    position: relative;
    z-index: 1;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: var(--wp-theme-color-title);
    font-family: var(--wp-theme-font-heading);
    letter-spacing: var(--wp-theme-heading-letter-spacing);
    line-height: 1.15;
    font-weight: var(--wp-theme-heading-weight);
}

h1 {
    font-size: calc(2.1rem * var(--wp-theme-heading-scale));
}

h2 {
    font-size: calc(1.55rem * var(--wp-theme-heading-scale));
}

a {
    color: var(--wp-theme-color-secondary);
    text-decoration-color: var(--wp-theme-color-secondary);
}

a:hover,
a:focus {
    color: var(--wp-theme-color-accent);
}

img {
    max-width: 100%;
    height: auto;
}
