:root {
    /* Brand Colors */
    --color-brand-primary: #cae05a;
    /* Button background, decorative lines */
    --color-brand-text: #304000;
    /* Button text, primary headings */

    /* Text Colors */
    --color-text-main: #32332b;
    /* Body text */
    --color-text-title: #191a12;
    /* Section titles */
    --color-text-subtle: #999996;
    /* Minor text */
    --color-text-placeholder: #4b4d45;

    /* Background Colors */
    --color-bg-white: #ffffff;
    --color-bg-light: #f7f7f4;
    /* Tabs background */

    /* Borders & Lines */
    --color-border: #eff0eb;

    /* Typography */
    --font-family-base: "Noto Sans TC", sans-serif;

    /* Shadows */
    --shadow-card: 0 4px 4px rgba(224, 212, 134, 1);
    --shadow-inset: inset 0 -4px 4px rgba(143, 190, 3, 0.5);
}