:root {
  --font-script: "Another Shabby", "Brush Script MT", cursive;
  --font-display: "Droid Serif", Georgia, serif;
  --font-serif: var(--font-display);
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Menlo", monospace;
}
:root {
  --maroon: #73242A;
  --amarillo: #F8B02A;
  --verde-claro: #6D8C4D;
  --verde-oscuro: #495939;
  --rosita: #F238B3;
  --maroon-900: #3E1216;
  --maroon-700: #5A1B20;
  --maroon-500: #73242A;
  --maroon-300: #A85E63;
  --maroon-100: #EBD6D7;
  --maroon-050: #F7EDED;
  --amarillo-700: #B87A0C;
  --amarillo-500: #F8B02A;
  --amarillo-300: #FBCE77;
  --amarillo-100: #FDECC8;
  --amarillo-050: #FEF7E9;
  --verde-900: #2C3722;
  --verde-700: #495939;
  --verde-500: #6D8C4D;
  --verde-300: #9DB57F;
  --verde-100: #DCE5CE;
  --verde-050: #F1F5EA;
  --rosita-700: #B81C83;
  --rosita-500: #F238B3;
  --rosita-300: #F786CF;
  --rosita-100: #FCD7EF;
  --rosita-050: #FEF0F9;
  --cream-000: #FFFDF8;
  --cream-050: #FDF8EF;
  --cream-100: #F8F0E1;
  --sand-200: #EFE3CE;
  --sand-300: #DDCDB2;
  --stone-400: #B5A992;
  --stone-500: #8B806C;
  --stone-600: #635B4C;
  --ink-700: #423C33;
  --ink-800: #2B2721;
  --ink-900: #1C1915;
  --white: #FFFFFF;
  --text-body: var(--maroon-900);
  --text-heading: var(--maroon-500);
  --text-muted: var(--stone-600);
  --text-subtle: var(--stone-500);
  --text-inverse: var(--cream-050);
  --text-accent: var(--rosita-500);
  --text-link: var(--rosita-700);
  --text-link-hover: var(--rosita-500);
  --text-on-brand: var(--cream-000);
  --surface-page: var(--cream-050);
  --surface-card: var(--white);
  --surface-sunken: var(--cream-100);
  --surface-raised: var(--white);
  --surface-inverse: var(--verde-900);
  --surface-brand: var(--rosita-500);
  --surface-accent: var(--maroon-500);
  --surface-highlight: var(--amarillo-500);
  --surface-fresh: var(--verde-500);
  --surface-muted: var(--sand-200);
  --border-hairline: var(--sand-200);
  --border-default: var(--sand-300);
  --border-strong: var(--ink-900);
  --border-brand: var(--rosita-500);
  --border-focus: var(--maroon-500);
  --status-success: var(--verde-500);
  --status-success-bg: var(--verde-050);
  --status-warning: var(--amarillo-700);
  --status-warning-bg: var(--amarillo-050);
  --status-danger: var(--maroon-500);
  --status-danger-bg: var(--maroon-050);
  --status-info: var(--verde-700);
  --status-info-bg: var(--verde-050);
  --cat-vegetal: var(--verde-500);
  --cat-fruta: var(--amarillo-500);
  --cat-raiz: #9C6B3F;
  --cat-hierba: var(--verde-700);
  --cat-panaderia: #C08A4A;
  --cat-proteina: var(--maroon-500);
}
:root {
  --text-3xs: 11px;
  --text-2xs: 12px;
  --text-xs: 13px;
  --text-sm: 15px;
  --text-base: 17px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 27px;
  --text-3xl: 34px;
  --text-4xl: 42px;
  --text-5xl: 54px;
  --text-6xl: 68px;
  --text-7xl: 86px;
  --leading-tight: 1.05;
  --leading-snug: 1.18;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-caps: 0.09em;
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-black: 800;
  --type-hero-family: var(--font-display);
  --type-hero-size: var(--text-6xl);
  --type-hero-weight: var(--weight-bold);
  --type-hero-leading: var(--leading-tight);
  --type-hero-tracking: var(--tracking-tighter);
  --type-heading-family: var(--font-display);
  --type-heading-weight: var(--weight-bold);
  --type-heading-leading: var(--leading-snug);
  --type-heading-tracking: var(--tracking-tight);
  --type-body-family: var(--font-sans);
  --type-body-size: var(--text-base);
  --type-body-weight: var(--weight-regular);
  --type-body-leading: var(--leading-relaxed);
  --type-label-family: var(--font-sans);
  --type-label-size: var(--text-2xs);
  --type-label-weight: var(--weight-semibold);
  --type-label-tracking: var(--tracking-caps);
  --type-script-family: var(--font-script);
}
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 96px;
  --space-13: 128px;
  --gutter-page: var(--space-6);
  --gutter-page-lg: var(--space-9);
  --section-y: var(--space-11);
  --section-y-lg: var(--space-13);
  --card-pad: var(--space-6);
  --card-pad-sm: var(--space-4);
  --stack-tight: var(--space-2);
  --stack: var(--space-4);
  --stack-loose: var(--space-7);
  --max-content: 1180px;
  --max-prose: 62ch;
}
:root {
  --radius-none: 0;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
  --radius-pill: 999px;
  --radius-circle: 50%;
  --radius-card: var(--radius-lg);
  --radius-card-lg: var(--radius-xl);
  --radius-button: var(--radius-pill);
  --radius-input: var(--radius-md);
  --radius-chip: var(--radius-pill);
  --radius-image: var(--radius-xl);
  --border-w-hair: 1px;
  --border-w: 1.5px;
  --border-w-bold: 2.5px;
}
:root {
  --shadow-xs: 0 1px 2px rgba(43, 39, 33, 0.06);
  --shadow-sm: 0 2px 6px rgba(43, 39, 33, 0.07);
  --shadow-md: 0 6px 18px rgba(43, 39, 33, 0.09);
  --shadow-lg: 0 16px 40px rgba(43, 39, 33, 0.12);
  --shadow-xl: 0 28px 70px rgba(43, 39, 33, 0.16);
  --shadow-sticker: 3px 3px 0 var(--ink-900);
  --shadow-sticker-brand: 3px 3px 0 var(--rosita-500);
  --shadow-sticker-press: 1px 1px 0 var(--ink-900);
  --shadow-inset-hair: inset 0 0 0 1px rgba(43, 39, 33, 0.08);
  --focus-ring: 0 0 0 3px var(--maroon-100), 0 0 0 5px var(--maroon-500);
  --overlay-scrim: rgba(28, 25, 21, 0.55);
  --overlay-warm: rgba(115, 36, 42, 0.72);
}
:root {
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); 
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); 
  --ease-in: cubic-bezier(0.5, 0, 0.9, 0.3); 
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 
  --dur-instant: 80ms; 
  --dur-fast: 140ms; 
  --dur-base: 220ms; 
  --dur-slow: 380ms; 
  --dur-slower: 620ms; 
  --transition-control: all var(--dur-fast) var(--ease-standard);
  --transition-surface: all var(--dur-base) var(--ease-out);
  --transition-playful: transform var(--dur-base) var(--ease-bounce);
}
a[style*="background: var(--rosita-500)"],button[style*="background: var(--rosita-500)"],.ccb-primary{background:#DF4AAF!important;color:var(--ink-900)!important;border-color:transparent!important;box-shadow:none!important}
a[style*="background: var(--rosita-300)"],button[style*="background: var(--rosita-300)"],.ccb-primary:hover{background:#E97CC6!important;color:var(--ink-900)!important}
a[style*="background: var(--amarillo-500)"],button[style*="background: var(--amarillo-500)"],a[style*="background: var(--amarillo-700)"],button[style*="background: var(--amarillo-700)"],.ccb-sticker{background:#F8AF2A!important;color:var(--ink-900)!important;border-color:transparent!important;box-shadow:none!important}
a[style*="background: var(--amarillo-700)"],button[style*="background: var(--amarillo-700)"],.ccb-sticker:hover{background:#E99B12!important}
a[style*="background: var(--verde-500)"],button[style*="background: var(--verde-500)"],a[style*="background: var(--verde-700)"],button[style*="background: var(--verde-700)"],.ccb-fresh{background:#87BE35!important;color:var(--ink-900)!important;border-color:transparent!important;box-shadow:none!important}
a[style*="background: var(--verde-700)"],button[style*="background: var(--verde-700)"],.ccb-fresh:hover{background:#78AB2C!important}
a[style*="border: var(--border-w) solid var(--rosita-500)"],button[style*="border: var(--border-w) solid var(--rosita-500)"],.ccb-outline{border-color:#DF4AAF!important;color:var(--rosita-700)!important;box-shadow:none!important}
.ccb-outline:hover{background:var(--rosita-050)!important}
.ccb:active,a[style*="border-radius: var(--radius-button)"]:active,button[style*="border-radius: var(--radius-button)"]:active{transform:scale(0.98)!important;box-shadow:none!important}
.ccb:disabled,button[disabled]{opacity:.45;cursor:not-allowed}