/*
Theme Name: Sampaio da Veiga
Theme URI: https://www.sampaioveiga.pt/
Author: Sampaio Veiga
Author URI: https://www.sampaioveiga.pt/
Description: Tema clássico profissional para consultório de oftalmologia — Dr. Sampaio da Veiga. Precision & Trust.
Version: 1.0.0
Requires at least: 4.9
Tested up to: 5.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sampaioveiga
Tags: medical, portuguese, classic, one-column, two-columns, right-sidebar
*/

/* =============================================
   CSS CUSTOM PROPERTIES — DESIGN TOKENS
   ============================================= */

:root {
    /* Brand Palette */
    --color-navy:        #0D1B2A;
    --color-navy-mid:    #162237;
    --color-navy-light:  #1E3148;
    --color-gold:        #C9A050;
    --color-gold-light:  #DDB96A;
    --color-gold-dim:    rgba(201, 160, 80, 0.15);
    --color-cream:       #F7F5F0;
    --color-cream-dark:  #EDE9E2;
    --color-white:       #FFFFFF;
    --color-text-dark:   #1A1A1A;
    --color-text-mid:    #4A5568;
    --color-text-light:  #8A95A3;
    --color-border:      #E2DDD5;

    /* Typography */
    --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    --font-body:    'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    --text-xs:    0.75rem;
    --text-sm:    0.875rem;
    --text-base:  1rem;
    --text-lg:    1.125rem;
    --text-xl:    1.25rem;
    --text-2xl:   1.5rem;
    --text-3xl:   2rem;
    --text-4xl:   2.75rem;
    --text-5xl:   3.75rem;
    --text-hero:  clamp(3.25rem, 7.5vw, 6.5rem);

    /* Spacing (8px base) */
    --space-1:   0.25rem;
    --space-2:   0.5rem;
    --space-3:   0.75rem;
    --space-4:   1rem;
    --space-5:   1.25rem;
    --space-6:   1.5rem;
    --space-8:   2rem;
    --space-10:  2.5rem;
    --space-12:  3rem;
    --space-16:  4rem;
    --space-20:  5rem;
    --space-24:  6rem;
    --space-32:  8rem;

    /* Layout */
    --container-max:  1280px;
    --container-wide: 1440px;
    --gutter:         clamp(1.25rem, 4vw, 2.5rem);

    /* Shadows */
    --shadow-sm:   0 1px 3px rgba(13,27,42,0.08), 0 1px 2px rgba(13,27,42,0.05);
    --shadow-md:   0 4px 16px rgba(13,27,42,0.12), 0 2px 6px rgba(13,27,42,0.07);
    --shadow-lg:   0 20px 48px rgba(13,27,42,0.16), 0 8px 16px rgba(13,27,42,0.10);
    --shadow-gold: 0 4px 24px rgba(201,160,80,0.30);

    /* Border radius */
    --radius-sm:   3px;
    --radius-md:   6px;
    --radius-lg:   12px;
    --radius-full: 9999px;

    /* Transitions — only transform and opacity */
    --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out:   cubic-bezier(0.4, 0, 0.2, 1);
    --duration-fast: 150ms;
    --duration-base: 280ms;
    --duration-slow: 560ms;
    --duration-xslow:900ms;
}