/* Bảng màu khu quản trị GISC: thang teal của website GISC (htmlv2/src/app/globals.css, đổi oklch sang hex).
   Tên biến (--brand-green, --brand-lime, --brand-gold) là tên cũ của bảng màu gốc: admin.css và
   admin-components.css tham chiếu chúng, nên tên giữ nguyên, chỉ giá trị đổi. Thang chữ --ink-* và các màu
   trạng thái giữ nguyên vì đã chỉnh độ tương phản trên nền trắng. Giá trị từng biến được HostLookTests giữ. */
@layer tokens {
  :root {
    --brand-gold: #0098a1;
    --brand-gold-700: #007981;
    --brand-gold-100: #ecfaff;
    --brand-lime: #52d0d6;
    --brand-lime-700: #0098a1;
    --brand-lime-100: #ecfaff;
    --brand-green: #007289;
    --brand-green-700: #005d75;
    --brand-green-900: #003c4e;
    --brand-green-100: #d3f3fd;
    --ink-950: #122019;
    --ink-800: #27382f;
    --ink-700: #405249;
    --ink-600: #5f7067;
    --ink-500: #7c8b83;
    --line: #e2e7ea;
    --surface: #ffffff;
    --surface-soft: #f8fafc;
    --surface-muted: #f1f5f7;
    --danger: #b42318;
    --warning: #b54708;
    --info: #175cd3;
    --success: #067647;
    --shadow-xs: 0 1px 2px rgba(18, 32, 25, .06);
    --shadow-sm: 0 8px 24px rgba(18, 32, 25, .08);
    --shadow-md: 0 18px 50px rgba(18, 32, 25, .12);
    --radius-sm: .55rem;
    --radius-md: .85rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;
    --container: 1180px;
    --header-height: 84px;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --font-sans: "Be Vietnam Pro", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-display: "Be Vietnam Pro", "Segoe UI", Inter, system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --page-accent: var(--brand-green);
    --page-accent-tint: var(--brand-green-100);
    --transition: 180ms ease;
  }
}