/**
 * Google Stitch MCP · VitalMint Health
 * 设计 token 与 stitch-weekly.html tailwind.config 一一对应
 */

.weekly-page {
    --primary: #006c49;
    --on-primary: #ffffff;
    --on-primary-fixed-variant: #005236;
    --primary-container: #10b981;
    --on-primary-container: #00422b;
    --inverse-primary: #4edea3;

    --surface: #f4fbf4;
    --on-surface: #161d19;
    --on-surface-variant: #3c4a42;
    --surface-container-lowest: #ffffff;
    --surface-container-low: #eef6ee;
    --surface-container: #e8f0e9;
    --surface-container-high: #e3eae3;
    --surface-container-highest: #dde4dd;
    --surface-variant: #dde4dd;

    --outline: #6c7a71;
    --outline-variant: #bbcabf;

    --error: #ba1a1a;
    --on-error-container: #93000a;
    --error-container: #ffdad6;
    --tertiary: #a43a3a;
    --tertiary-container: #fc7c78;

    --st-container-margin: 40rpx;
    --st-section-gap: 64rpx;
    --st-card-padding: 40rpx;
    --st-stack-gap: 32rpx;
    --st-inline-gap: 24rpx;
    --st-radius-2xl: 48rpx;
    --st-radius-xl: 24rpx;
    --st-radius-lg: 16rpx;
    --st-shadow-ambient: 0 20rpx 60rpx -20rpx rgba(0, 108, 73, 0.08);

    min-height: 100vh;
    background: var(--surface);
    color: var(--on-surface);
    padding-bottom: calc(200rpx + env(safe-area-inset-bottom));
}