/* Juan Hdez. - 24/Septiembre/2026 - Tokens globales de tipografia, dimensiones y radios para el frontend MyPB. */

:root {
    --brand-gold: #B2A384;
    --brand-charcoal: #4E4A48;
    --brand-black: #212721;
    --brand-white: #FFFFFF;
    --brand-ocean: #006980;
    --page-bg: #F4F5F3;
    --surface-primary: #FFFFFF;
    --surface-secondary: #EDEFEA;
    --text-primary: #212721;
    --text-secondary: #566159;
    --control-border: #7A837B;
    --divider: #D9DED8;
    --action-primary: #006980;
    --action-primary-hover: #005468;
    --on-action-primary: #FFFFFF;
    --action-primary-soft: #E6F2F5;
    --action-warm: #746557;
    --action-warm-hover: #65574A;
    --action-warm-border: var(--action-warm);
    --on-action-warm: var(--brand-white);
    --accent-brand: #B2A384;
    --on-accent-brand: #212721;
    --accent-orange: #E28B3C;
    --accent-orange-ink: #994A0C;
    --accent-sand: #E8D6B8;
    --accent-sand-ink: #766248;
    --accent-beige: #C3A574;
    --accent-beige-ink: #79603B;
    --accent-label-bg: #F4EAD7;
    --accent-label-text: #825E1B;
    --accent-label-border: #A77B28;
    --status-success: #2F6B4F;
    --status-success-soft: #E9F3ED;
    --status-warning: #8A5900;
    --status-warning-soft: #FFF3D6;
    --status-error: #B33F4A;
    --status-error-soft: #FBECEF;
    --status-info: #285F8F;
    --status-info-soft: #EBF2F8;
    --status-pending: #6B6258;
    --status-pending-soft: #F0EEEA;
    --on-status: #FFFFFF;
    --focus-ring: #006980;
    --overlay-backdrop: rgb(23 26 24 / 72%);
    --shadow-ui: 0 4px 16px rgb(33 39 33 / 8%);
    --font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
    --font-body: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    --font-mono: "Consolas", "Liberation Mono", monospace;
    --text-2xs: 0.68rem;
    --text-xs: 0.75rem;
    --text-sm: 0.84rem;
    --text-md: 0.95rem;
    --text-lg: 1.02rem;
    --text-xl: 1.12rem;
    --text-2xl: clamp(1.4rem, 2.4vw, 1.76rem);
    --text-3xl: clamp(1.75rem, 3vw, 2.2rem);
    --text-4xl: clamp(2rem, 4vw, 2.8rem);
    --text-hero: clamp(2.4rem, 5vw, 4rem);
    --text-display: clamp(2.6rem, 6vw, 4.8rem);
    --leading-hero: 0.98;
    --leading-tight: 1.15;
    --leading-body: 1.6;
    --leading-relaxed: 1.65;
    --shell-max-width: 1180px;
    --panel-auth-compact-width: 20.8rem;
    --panel-form-width: 28rem;
    --panel-content-width: 36rem;
    --control-height-compact: 38px;
    --control-height-standard: 44px;
    --control-height-cta: 48px;
    --radius-control: 10px;
    --radius-panel: 24px;
    --radius-panel-glass: 30px;
    --radius-lg: 22px;
    --radius-xl: 32px;
}

html[data-theme='dark'] {
    --page-bg: #171A18;
    --surface-primary: #202421;
    --surface-secondary: #2A302B;
    --text-primary: #F2F4F0;
    --text-secondary: #B8C2B9;
    --control-border: #7E8A80;
    --divider: #3B443E;
    --action-primary: #66C7D8;
    --action-primary-hover: #8BD8E5;
    --on-action-primary: #171A18;
    --action-primary-soft: #1B343A;
    --action-warm-border: var(--accent-brand);
    --accent-brand: #CBB991;
    --on-accent-brand: #171A18;
    --accent-orange: #F3AA6B;
    --accent-orange-ink: #F3AA6B;
    --accent-sand: #D9C7A8;
    --accent-sand-ink: #D9C7A8;
    --accent-beige: #D1B58B;
    --accent-beige-ink: #D1B58B;
    --accent-label-bg: #3A3020;
    --accent-label-text: #E8C685;
    --accent-label-border: #B79C64;
    --status-success: #83C6A0;
    --status-success-soft: #20382B;
    --status-warning: #E8BD6A;
    --status-warning-soft: #3A2F1C;
    --status-error: #EF9AA3;
    --status-error-soft: #3D242A;
    --status-info: #8FBCE3;
    --status-info-soft: #203247;
    --status-pending: #BAB2A7;
    --status-pending-soft: #302E29;
    --on-status: #171A18;
    --focus-ring: #66C7D8;
    --shadow-ui: 0 4px 16px rgb(0 0 0 / 24%);
}