/* ==========================================================================
   SÓNG ÂM — DESIGN TOKENS (bản dựng thật)
   Chuyển từ thiet-ke/design-tokens.css: bỏ @import Google Fonts (CSP
   style-src 'self' không cho phép domain ngoài), tự host Be Vietnam Pro
   dưới /static/fonts/ bằng @font-face (subset vietnamese + latin, woff2).
   Bản giao diện hồng phấn: giữ tên biến và font tiếng Việt tự host.
   ========================================================================== */

@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-400-vn.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-400-la.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-500-vn.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-500-la.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-600-vn.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-600-la.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-700-vn.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/be-vietnam-pro-700-la.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;

  /* ---------------------------------------------------------------------
     MÀU — chủ đề SÁNG (mặc định)
     --------------------------------------------------------------------- */
  --color-primary:        #B83D69;
  --color-primary-strong: #A72F59;
  --color-primary-soft:   #FBE8F0;
  --color-on-primary:     #FFFFFF;

  --color-success:      #32715A;
  --color-success-soft: #EAF4EE;
  --color-on-success:   #FFFFFF;

  --color-warning:      #925B27;
  --color-warning-soft: #FBF1E2;
  --color-on-warning:   #68431F;

  --color-danger:      #B52D47;
  --color-danger-soft: #FCE9ED;
  --color-on-danger:   #FFFFFF;

  --color-bg:             #FFF7FA;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #FCF0F5;
  --color-surface-raised: #FFFFFF;
  --color-border:         #EFDAE3;
  --color-border-strong:  #A97C8E;

  --color-text:       #4C2638;
  --color-text-muted: #795868;
  --color-text-faint: #886574;
  --color-text-on-dark-surface: rgba(255,255,255,0.92);

  --color-overlay: rgba(62, 29, 46, 0.38);
  --color-focus-ring: #B83D69;

  --color-wave-theu: #B83D69;
  --color-wave-khac: #926440;
  --color-wave-in:   #B83D69;
  --color-wave-muted: #E3BECF;

  /* ---------------------------------------------------------------------
     CHỮ
     --------------------------------------------------------------------- */
  --font-family-base: 'Be Vietnam Pro', -apple-system, 'Segoe UI', Roboto, sans-serif;

  --font-size-display: 2rem;
  --line-height-display: 2.5rem;
  --font-size-title: 1.5rem;
  --line-height-title: 2rem;
  --font-size-subtitle: 1.125rem;
  --line-height-subtitle: 1.625rem;
  --font-size-body: 1rem;
  --line-height-body: 1.5rem;
  --font-size-caption: 0.875rem;
  --line-height-caption: 1.25rem;

  --font-weight-regular:  400;
  --font-weight-medium:   500;
  --font-weight-semibold: 600;
  --font-weight-bold:     700;

  /* ---------------------------------------------------------------------
     KHOẢNG CÁCH — thang 4px
     --------------------------------------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  /* ---------------------------------------------------------------------
     BO GÓC
     --------------------------------------------------------------------- */
  --radius-sm:   14px;
  --radius-lg:   24px;
  --radius-full: 9999px;

  /* ---------------------------------------------------------------------
     ĐỔ BÓNG
     --------------------------------------------------------------------- */
  --shadow-card:  none;
  --shadow-modal: 0 18px 60px rgba(76,38,56,.14);

  /* ---------------------------------------------------------------------
     CHUYỂN ĐỘNG
     --------------------------------------------------------------------- */
  --ease-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-micro: 160ms;
  --duration-base:  260ms;
  --duration-page:  450ms;

  /* ---------------------------------------------------------------------
     KÍCH THƯỚC CHẠM
     --------------------------------------------------------------------- */
  --tap-target-min: 44px;

  /* ---------------------------------------------------------------------
     Z-INDEX
     --------------------------------------------------------------------- */
  --z-banner: 20;
  --z-modal: 50;
}

/* The reviewed blush identity stays light even when the OS uses dark mode. */