:root {
    --otod-color-primary-yellow: #fdfc01;
    --otod-color-yellow-dark: #d4d300;
    --otod-color-yellow-light: #fefe66;
    --otod-color-soft-yellow: #fff9d6;
    --otod-color-white: #ffffff;
    --otod-color-dark-text: #2d2d2d;
    --otod-color-light-gray: #f2f2f2;
    --otod-color-black: #000000;
    --otod-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --otod-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.15);
    --otod-input-bg: var(--otod-color-white);
    --otod-transition-default: all 0.3s ease;
    --otod-input-height: 44px;
    --otod-input-padding-x: 12px;
    --otod-input-padding-y: 10px;
    --otod-input-border: 1px solid #d0d0d0;
    --otod-input-border-focus: 1px solid var(--otod-color-yellow-dark);
    --otod-input-radius: 10px;
    --otod-input-font-size: 16px;
    --otod-input-placeholder: #888;
    --otod-input-shadow-focus: 0 0 0 3px rgba(212, 211, 0, 0.25);
    --otod-input-transition: border-color 0.2s ease, box-shadow 0.2s ease;
}