:root {
    /* Promptų anatomija spin-off – spalvų gama (suderinta su Prompt Anatomy brand) */
    --bg: #F7F8FA;
    --bg-subtle: #F0F4F8;
    --white: #FFFFFF;
    --text: #1A202C;
    --text-light: #4A5568;
    --border: #CBD5E0;

    /* Pagrindinis akcentas (brand gold) */
    --accent-gold: #CFA73A;
    --accent-gold-hover: #E8B93C;
    --accent-gold-dark: #B8932E;

    /* Antrinis akcentas (brand dark navy) – CTA, hero */
    --accent-dark: #0B1320;
    --accent-dark-hover: #16202F;

    /* Hero gradientas: brand dark navy ramp */
    --hero-gradient-start: #0B1320;
    --hero-gradient-mid: #16202F;
    --hero-gradient-end: #243044;
    --cta-bg: #16202F;
    --cta-text: #FFFFFF;
    --cta-hover: var(--accent-dark-hover);

    /* Bibliotekos mark (teal) – vienas kanoninis atspalvis */
    --brand-teal: #008579;
    --brand-teal-hover: #006960;
    --brand-teal-dark: #0a5c54;
    --tertiary: var(--brand-teal);
    --tertiary-light: #CCFBF1;

    /* Semantiniai – suderinti su palete */
    /* @deprecated use --accent-dark */
    --blue: #0B1320;
    --blue-light: #E8ECF0;
    --orange: #B8932E;
    --orange-light: #FBF6EB;
    --green: #38A169;
    --green-hover: #2F855A;
    --purple: #6B5B95;
    --error: #E53E3E;

    /* ===== SEMANTIC (intent) – naudoti komponentuose ===== */
    --color-text-primary: var(--text);
    --color-text-secondary: var(--text-light);
    --color-surface-page: var(--bg);
    --color-surface-subtle: var(--bg-subtle);
    --color-action-primary-bg: var(--accent-dark);
    --color-action-primary-hover: var(--accent-dark-hover);
    --color-link: var(--brand-teal);
    --color-link-hover: var(--brand-teal-hover);
    --color-focus-ring: var(--accent-gold);
    --color-feedback-success: var(--green);
    --color-feedback-error: var(--error);
    --color-border-default: var(--border);
    --color-print-border: #000000;

    /* ===== ELEVATION (shadow tiers) ===== */
    --shadow-1: 0 4px 20px rgba(11, 19, 32, 0.08);
    --shadow-2: 0 8px 30px rgba(11, 19, 32, 0.12);
    --shadow-3: 0 20px 40px rgba(11, 19, 32, 0.18);
    --shadow-accent-ring: 0 0 0 4px rgba(207, 167, 58, 0.15);
    --shadow-cta: 0 4px 14px rgba(11, 19, 32, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08);
    --shadow-cta-hover: 0 8px 28px rgba(11, 19, 32, 0.55), 0 0 20px rgba(255, 255, 255, 0.12);

    /* ===== RADIUS ===== */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* ===== SPACING ===== */
    --space-2: 16px;
    --space-3: 20px;
    --space-4: 24px;
    --space-5: 28px;
    --space-6: 36px;
    --space-7: 40px;
    --space-8: 48px;

    /* ===== TYPOGRAPHY ===== */
    --font-family-sans: 'Inter', -apple-system, sans-serif;
    --font-family-mono: 'JetBrains Mono', monospace;
    --font-size-body: 18px;
    --font-size-body-sm: 16px;
    --font-size-hero: 52px;
    --line-height-body: 1.6;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* ===== FOCUS ===== */
    --focus-ring-width: 3px;
    --focus-ring-offset: 2px;
    --focus-ring-color: var(--color-focus-ring);

    /* ===== MOTION ===== */
    --duration-fast: 0.2s;
    --ease-default: ease;

    /* ===== OVERLAYS / SURFACES ===== */
    --overlay-hero: rgba(0, 0, 0, 0.1);
    --surface-hero-badge: rgba(255, 255, 255, 0.25);
    --surface-hero-badge-hover: rgba(255, 255, 255, 0.4);

    /* ===== BREAKPOINTS (dokumentacija; @media negali naudoti var()) ===== */
    --breakpoint-lg: 1024px;
    --breakpoint-md: 768px;
    --breakpoint-sm: 480px;
    --breakpoint-xs: 375px;
}