:root {
    --gianthi-bg-main: #f4efe8;
    --gianthi-bg-soft: #f8f5f0;
    --gianthi-bg-section: #ece2d7;
    --gianthi-bg-deep: #e2d3c2;
    --gianthi-surface: #fcf9f5;
    --gianthi-surface-elevated: #fffdf9;
    --gianthi-border-soft: #ddd0c1;
    --gianthi-border-premium: #cfbda8;
    --gianthi-gold: #b78a4a;
    --gianthi-gold-deep: #8d632f;
    --gianthi-gold-soft: #d7b982;
    --gianthi-brown: #704728;
    --gianthi-brown-deep: #4e3324;
    --gianthi-ink: #201c19;
    --gianthi-ink-soft: #302a25;
    --gianthi-text-secondary: #6b625a;
    --gianthi-paper: var(--gianthi-surface-elevated);
    --gianthi-porcelain: var(--gianthi-bg-main);
    --gianthi-cream: var(--gianthi-bg-section);
    --gianthi-sand: var(--gianthi-bg-deep);
    --gianthi-champagne: var(--gianthi-gold-soft);
    --gianthi-bronze: var(--gianthi-brown);
    --gianthi-copper: var(--gianthi-gold-deep);
    --gianthi-stone: var(--gianthi-text-secondary);
    --gianthi-line: var(--gianthi-border-soft);
    --gianthi-line-strong: var(--gianthi-border-premium);
    --gianthi-button: #e7d8c5;
    --gianthi-button-hover: #dcc8ae;
    --gianthi-button-ink: #2f2721;
    --gianthi-success: #276b48;
    --gianthi-danger: #a33a32;
    --gianthi-font-display: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --gianthi-font-sans: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
    --gianthi-container: 1240px;
    --gianthi-reading: 720px;
    --gianthi-gutter-desktop: 32px;
    --gianthi-gutter-tablet: 24px;
    --gianthi-gutter-mobile: 18px;
    --gianthi-gutter: var(--gianthi-gutter-desktop);
    --gianthi-section: 104px;
    --gianthi-header-height: 78px;
    --gianthi-header-mobile: 70px;
    --gianthi-button-height: 46px;
    --gianthi-heading-scale: 1;
    --gianthi-body-size: 16px;
    --gianthi-motion-distance: 12px;
    --gianthi-motion-duration: 420ms;
    --gianthi-radius-sm: 8px;
    --gianthi-radius: 14px;
    --gianthi-radius-lg: 20px;
    --gianthi-shadow: 0 20px 54px rgb(70 51 34 / 10%);
    --gianthi-shadow-soft: 0 12px 34px rgb(70 51 34 / 6%);
    --gianthi-gradient-hero: linear-gradient(135deg, #f8f4ee 0%, #f0e6da 52%, #e4d3bf 100%);
    --gianthi-gradient-gold: linear-gradient(135deg, #a87536 0%, #c69755 55%, #dab77f 100%);
    --gianthi-gradient-beige: var(--gianthi-bg-main);
    --gianthi-gradient-cta: linear-gradient(100deg, #70401f 0%, #8f5727 48%, #9b622d 100%);
    --gianthi-gradient-dark: linear-gradient(135deg, #181511 0%, #241d17 100%);
    --gianthi-ease: cubic-bezier(.2, .7, .2, 1);
}

@media (max-width: 1024px) { :root { --gianthi-gutter: var(--gianthi-gutter-tablet); } }
@media (max-width: 767px) { :root { --gianthi-gutter: var(--gianthi-gutter-mobile); } }