/* Sistema compartido: docs/design-tokens.md. Sin medidas locales de frames. */
:root {
    --zedra-bg-primary: #fff;
    --zedra-bg-secondary: #f9f9f9;
    --zedra-bg-dark: #1a1a1a;
    --zedra-bg-neutral: #e6e6e6;
    --zedra-text-main: #1a1a1a;
    --zedra-text-light: #fff;
    --zedra-text-secondary: #555;
    --zedra-text-muted: #767676;
    --zedra-border-subtle: #eaecf0;
    --zedra-border-active: #1a1a1a;
    --zedra-status-success-bg: #e6f4ed;
    --zedra-status-success-text: #027a48;
    --zedra-content-max: 1440px;
    --zedra-content-wide-max: 1760px;
    --zedra-gutter-desktop: 60px;
    --zedra-gutter-mobile: 20px;
    --zedra-section-space-desktop: 150px;
    --zedra-section-space-mobile: 80px;
    --zedra-radius-media: 20px;
    --zedra-radius-capsule: 64px;
    --zedra-radius-full: 9999px;
    --zedra-font-ui: 'Oxygen', sans-serif;
    --zedra-font-editorial: 'Playfair Display', serif;
    --zedra-overlay-backdrop: rgb(26 26 26 / 30%);
    --zedra-blur-backdrop: 12px;
    --zedra-shadow-drawer: 24px 0 48px rgb(0 0 0 / 18%);
}