:root {
    /* === Brand Colors === */
    --t-primary: #eab92d;
    --t-primary-dark: #c79810;
    --t-primary-darker: #976f02;
    --t-secondary: #d59929;

    /* === Text Colors === */
    --t-text: goldenrod;
    --t-text-light: blanchedalmond;
    --t-text-warm: burlywood;
    --t-text-white: #fff;

    /* === Background === */
    --t-bg-body: #000;
    --t-bg-card: #222;
    --t-bg-card-alt: #333;
    --t-bg-card-light: #444;
    --t-bg-topbar: url(../../images/gold-pattern.jpg) top center;
    --t-bg-main: url(../../images/ruay-bg.jpg) #000 top center no-repeat;

    /* === Buttons === */
    --t-btn-primary-bg: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
    --t-btn-primary-border: #a55d07;
    --t-btn-primary-text: rgb(120, 50, 5);
    --t-btn-primary-shadow: 0 2px 2px rgba(250, 227, 133, 1);

    /* === Borders === */
    --t-border: #c79810;
    --t-border-light: #f5bd70;
    --t-border-gold: #daa520;

    /* === Badge / Accent === */
    --t-badge-bg: #976f02;
    --t-accent: #d4af37;
    --t-accent-light: #f5d76e;

    /* === Gradients === */
    --t-gradient-gold: linear-gradient(to right, #977316, #ae8319, #daa520, #ae8319);
    --t-gradient-pattern: linear-gradient(to right, #BF953F, #B38728, #FBF5B7, #AA771C);

    /* === Footer === */
    --t-footer-bg: #0f0f0f;
    --t-footer-text: #9a9a9a;
    --t-footer-link: #d4af37;
    --t-footer-link-hover: #f5d76e;
}