/* AdoPet Base / Variables
 * ------------------------
 * Shared CSS custom properties and global primitives used by all
 * frontend modules (forms, cards, wizard, responsive).
 */

:root {
    --lost-color: #ab1c2d;
    --found-color: #2e8b57;
    --primary-bg: #fbf5e7;
    --text-primary: #222222;
    --text-secondary: #555555;
    --border-radius: 8px;
    --transition-speed: 0.3s;
}

/* Keep the original global primitives so existing layouts and
 * Elementor-based pages remain visually consistent.
 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background-color: var(--primary-bg);
}

/* The legacy public stylesheet applied a global box-sizing reset. Keep
 * it here to avoid subtle layout regressions after modularisation.
 */
* {
    box-sizing: border-box;
}