/* 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;
    --gradient-mesh: radial-gradient(circle at 15% 20%, color-mix(in srgb, var(--brand-lime) 35%, transparent), transparent 45%),
                      radial-gradient(circle at 85% 0%, color-mix(in srgb, var(--brand-gold) 30%, transparent), transparent 50%),
                      linear-gradient(180deg, var(--brand-green-100), var(--surface) 75%);
    --gradient-dark: radial-gradient(circle at 20% 0%, color-mix(in srgb, var(--brand-lime) 25%, transparent), transparent 55%),
                      linear-gradient(160deg, var(--brand-green-900), var(--brand-green-700));
    --shadow-lift: 0 24px 60px -12px color-mix(in srgb, var(--brand-green-900) 35%, transparent);
    --transition-slow: 420ms cubic-bezier(.16, .84, .44, 1);
    --tracking-display-lg: -.03em;
  }
}