/* Generated from packages/abc-10-design/vietnamtour/design-system/tokens/vietnamtour-colors.json */
:root {
    --primary-rgb: 6, 78, 59;
    --primary: #064e3b;
    --primary-hover: #043927;
    --primary-light: #e6f2ed;
    --text-on-primary: #ffffff;
    --accent-gold: #8a6214;
    --accent-gold-hover: #6e4d0d;
    --accent-gold-light: #faf3e3;
    --hero-accent-gold: #e5c158;
    --text-on-gold: #04140e;
    --accent-coral: #b83b2a;
    --hero-bg-dark: #042619;
    --hero-scrim-rgb: 4, 38, 25;
    --hero-text-light: #faf8f4;
    --hero-text-muted: #d2e0da;
    --bg-main: #faf8f4;
    --bg-page: #faf8f4;
    --bg-canvas: #faf8f4;
    --bg-secondary: #f2efe9;
    --bg-editorial-hero: #f2efe9;
    --bg-card: #ffffff;
    --bg-surface: #ffffff;
    --bg-surface-rgb: 255, 255, 255;
    --bg-surface-hover: #f5f1e8;
    --bg-elevated: #f5f1e8;
    --bg-surface-alt: #f5f1e8;
    --bg-surface-alt-rgb: 245, 241, 232;
    --bg-surface-muted: #ebe5d8;
    --bg-glass: rgba(250, 248, 244, 0.90);
    --text-main: #0f241d;
    --text-primary: #0f241d;
    --text-secondary: #354f46;
    --text-muted: #536e64;
    --text-inverse: #ffffff;
    --border: #ded8cc;
    --border-default: #ded8cc;
    --border-default-rgb: 222, 216, 204;
    --border-strong: #c4bba8;
    --border-accent: rgba(138, 98, 20, 0.34);
    --success: #156d45;
    --state-success: #156d45;
    --state-success-rgb: 21, 109, 69;
    --warning: #9e5808;
    --state-warning: #9e5808;
    --error: #b91c1c;
    --state-error: #b91c1c;
    --state-error-container: #fee2e2;
    --state-on-error-container: #7f1d1d;
    --state-on-error: #ffffff;
    --state-error-rgb: 185, 28, 28;
}

html.dark,
[data-theme="dark"] {
    --primary-rgb: 44, 201, 144;
    --primary: #2cc990;
    --primary-hover: #4adea8;
    --primary-light: #11382b;
    --text-on-primary: #051c14;
    --accent-gold: #dec062;
    --accent-gold-hover: #ead282;
    --accent-gold-light: #282110;
    --hero-accent-gold: #dec062;
    --text-on-gold: #04140e;
    --accent-coral: #f27d6a;
    --hero-bg-dark: #031a10;
    --hero-scrim-rgb: 3, 26, 16;
    --hero-text-light: #f2efe9;
    --hero-text-muted: #b5c7be;
    --bg-main: #071712;
    --bg-page: #071712;
    --bg-canvas: #071712;
    --bg-secondary: #0d241c;
    --bg-editorial-hero: #0d241c;
    --bg-card: #122e24;
    --bg-surface: #122e24;
    --bg-surface-rgb: 18, 46, 36;
    --bg-surface-hover: #183b2e;
    --bg-elevated: #183b2e;
    --bg-surface-alt: #183b2e;
    --bg-surface-alt-rgb: 24, 59, 46;
    --bg-surface-muted: #1f4436;
    --bg-glass: rgba(13, 36, 28, 0.90);
    --text-main: #f2efe9;
    --text-primary: #f2efe9;
    --text-secondary: #b5c7be;
    --text-muted: #849e92;
    --text-inverse: #071712;
    --border: #1f4436;
    --border-default: #1f4436;
    --border-default-rgb: 31, 68, 54;
    --border-strong: #2d5e4b;
    --border-accent: rgba(222, 192, 98, 0.36);
    --success: #4ade80;
    --state-success: #4ade80;
    --state-success-rgb: 74, 222, 128;
    --warning: #fbbf24;
    --state-warning: #fbbf24;
    --error: #f87171;
    --state-error: #f87171;
    --state-error-container: #451a1a;
    --state-on-error-container: #fecaca;
    --state-on-error: #051c14;
    --state-error-rgb: 248, 113, 113;
}