/* =========================================================
   CONCEPT HUB — SHARED DESIGN TOKENS
   ---------------------------------------------------------
   Esta folha não altera visual sozinha.
   Ela apenas registra tokens canônicos para uso progressivo nas próximas fases.

   Regras da Fase 8E:
   - não sobrescrever variáveis legadas já usadas por domínio;
   - não aplicar reset global;
   - não definir estilos de body, botões, cards ou formulários;
   - usar somente prefixo --ch-* para evitar colisão.
   ========================================================= */

:root {
	/* Brand */
	--ch-color-teal: #1f6e7c;
	--ch-color-teal-dark: #0f3a42;
	--ch-color-teal-deep: #0b252b;
	--ch-color-gold: #d4af37;
	--ch-color-gold-soft: #cfa85b;

	/* Neutral surfaces */
	--ch-color-bg-soft: #f4f7f6;
	--ch-color-bg-ios: #f2f2f7;
	--ch-color-surface: #ffffff;
	--ch-color-surface-glass: rgba(255, 255, 255, 0.75);

	/* Text */
	--ch-color-text-main: #1d1d1f;
	--ch-color-text-muted: #86868b;
	--ch-color-text-strong: #202124;

	/* Borders and shadows */
	--ch-color-border-light: #eaeaea;
	--ch-color-border-subtle: rgba(0, 0, 0, 0.08);
	--ch-shadow-soft: 0 2px 12px rgba(0, 0, 0, 0.03);
	--ch-shadow-hover: 0 8px 24px rgba(31, 110, 124, 0.06);

	/* Status */
	--ch-color-danger: #ff3b30;
	--ch-color-success: #34c759;
	--ch-color-info: #007aff;
	--ch-color-warning-bg: #fef7e0;
	--ch-color-success-bg: #e6f4ea;
	--ch-color-danger-bg: #fce8e6;
	--ch-color-info-bg: #e8f0fe;

	/* Radius and motion */
	--ch-radius-sm: 10px;
	--ch-radius-md: 14px;
	--ch-radius-lg: 20px;
	--ch-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--ch-transition-default: 0.3s ease;

	/* Layout */
	--ch-sidebar-width: 260px;
	--ch-header-height: 70px;
	--ch-safe-top: env(safe-area-inset-top, 44px);
	--ch-safe-bottom: env(safe-area-inset-bottom, 20px);
}