/* 全站共用色彩（Design Tokens）
   用法：在各 CSS 內用 var(--xxx) 取得顏色，之後改色只改這裡。 */
:root {
    /* Brand */
    --color-primary: #F7AD00;
    /* indigo-600 */
    --color-primary-700: #dbaf29;
    --color-accent: #10b981;
    /* emerald-500 */
    /* Text */
    --color-text: #0f172a;
    /* slate-900 */
    --color-text-muted: rgba(15, 23, 42, 0.65);
    --color-text-inverse: rgba(255, 255, 255, 0.92);
    --color-text-inverse-muted: rgba(255, 255, 255, 0.72);
    /* Surfaces */
    --color-bg: #ffffff;
    --color-surface: #ffffff;
    --color-surface-soft: #f8fafc;
    /* slate-50 */
    /* Borders / shadows */
    --color-border: rgba(15, 23, 42, 0.10);
    --shadow-lg: 0 18px 50px rgba(0, 0, 0, 0.22);
    /* Focus ring */
    --focus-ring: 0 0 0 .25rem rgba(79, 70, 229, 0.18);
    --focus-border: rgba(79, 70, 229, 0.55);
    /* Account page background (可依需求調整) */
    --account-bg1: #0b1020;
    --account-bg2: #131b33;
}

.btn-theme {
    background: #F7AD00;
    color: #121212;
}

/* Custom Alert Styles - Morandi Blue */
.alert-info {
    color: #4a5d73;
    background-color: #e6ebf2;
    border-color: #d8e0ea;
}

.alert-info hr {
    border-top-color: #cdd6e3;
}

.alert-info .alert-link {
    color: #364456;
}

/* Custom Alert Styles - Morandi Green */
.alert-success {
    color: #4e6357;
    background-color: #e3ece6;
    border-color: #cfdbd5;
}

.alert-success hr {
    border-top-color: #c1cdc7;
}

.alert-success .alert-link {
    color: #3a4a41;
}