/* Colour — Vivendo Poesia, paleta Midnight Navy / Copper. Cinco cores fixas de marca, definidas pelo cliente: Midnight Navy #18202F fundo/superfície escura Slate Blue #68748A UI secundária, bordas discretas Mist Gray #DCE1E6 superfície clara, metal frio Warm White #FAF7F2 texto e fundos claros Copper Accent #B8734F acento principal, destaque Tudo abaixo é derivado desses cinco. Os poucos tons intermediários (degraus de superfície no escuro, texto secundário) existem só para dar hierarquia e contraste AA — não são cores de marca novas. O produto roda travado no escuro (); o tema claro é suportado e o sépia de leitura vive em tokens/reading.css. */ :root { /* Cinco cores base — use os aliases semânticos, não estas, em componentes. */ --brand-navy: #18202f; --brand-slate: #68748a; --brand-mist: #dce1e6; --brand-warm-white: #faf7f2; --brand-copper: #b8734f; /* ---- tema claro ---- */ --background: #faf7f2; --foreground: #18202f; --color-card: #ffffff; --color-card-foreground: #18202f; --color-primary: #b8734f; --color-primary-foreground: #faf7f2; --color-accent: #b8734f; --color-accent-foreground: #faf7f2; --color-secondary: #dce1e6; --color-secondary-foreground: #18202f; --color-muted: #dce1e6; --color-muted-foreground: #5c6675; /* Slate Blue escurecido — AA sobre Warm White */ --color-surface-sunken: #dce1e6; --color-surface: #ffffff; --color-surface-foreground: #18202f; --color-surface-raised: #ffffff; --color-border: #68748a; --color-input: #68748a; --color-ring: #b8734f; --color-border-subtle: rgba(24, 32, 47, 0.1); --color-destructive: #b3402f; --color-destructive-foreground: #faf7f2; --color-success: #3f7d62; --color-success-foreground: #faf7f2; --color-warning: #a8712a; --color-warning-foreground: #faf7f2; /* Cobre atmosférico — halos de hero, selos editoriais, "em destaque". Nunca cor de UI corrente. */ --color-atmosphere-warm: #b8734f; /* Contraponto frio dos halos — o azul-ardósia da paleta. */ --color-atmosphere-cool: #68748a; --atmosphere-glow-opacity: 0.16; /* @kind other */ /* Tingimento quase imperceptível de cobre sobre a superfície — reservado ao bloco de poema em destaque, sempre com borda superior de cobre. */ --color-spotlight-surface: rgba(184, 115, 79, 0.05); /* Camadas de prestígio dos mimos — identidade fixa do objeto, não segue o tema. Progressão ardósia → névoa → cobre → cobre escuro → navio metálico: quanto mais raro, mais quente e denso o tom. */ --gift-tier-1: #68748a; /* @kind color */ --gift-tier-2: #8d97a6; /* @kind color */ --gift-tier-3: #c98f63; /* @kind color */ --gift-tier-4: #b8734f; /* @kind color */ --gift-tier-5: #8a4a2e; /* @kind color */ --gift-tier-1-gradient: linear-gradient(135deg, #97a1b0 0%, #68748a 100%); /* @kind color */ --gift-tier-2-gradient: linear-gradient(135deg, #dce1e6 0%, #8d97a6 100%); /* @kind color */ --gift-tier-3-gradient: linear-gradient(135deg, #e6b48b 0%, #c98f63 100%); /* @kind color */ --gift-tier-4-gradient: linear-gradient(135deg, #d89871 0%, #b8734f 100%); /* @kind color */ --gift-tier-5-gradient: linear-gradient(135deg, #b8734f 0%, #6d3520 100%); /* @kind color */ /* Extensão da progressão de prestígio para o catálogo de 20 mimos literários — continua a escala 1–5 (ardósia → cobre) subindo para dourado (6–7) e, no topo, navio profundo com aro dourado (8), reservado aos mimos mais raros (Livro Raro, Coroa Literária, Obra-Prima). */ --gift-tier-6: #ab8324; /* @kind color */ --gift-tier-7: #8c6a1f; /* @kind color */ --gift-tier-8: #1f2b45; /* @kind color */ --gift-tier-6-gradient: linear-gradient(135deg, #e8c766 0%, #ab8324 100%); /* @kind color */ --gift-tier-7-gradient: linear-gradient(135deg, #c9a227 0%, #6b4e12 100%); /* @kind color */ --gift-tier-8-gradient: linear-gradient(135deg, #2e3f63 0%, #10192c 100%); /* @kind color */ } .dark { --background: #18202f; --foreground: #faf7f2; --color-card: #1e2839; --color-card-foreground: #faf7f2; --color-primary: #c9855f; /* cobre clareado — AA sobre Midnight Navy */ --color-primary-foreground: #18202f; --color-accent: #c9855f; --color-accent-foreground: #18202f; --color-secondary: #26334a; --color-secondary-foreground: #faf7f2; --color-muted: #26334a; --color-muted-foreground: #9aa5b5; /* Slate Blue clareado — AA sobre navio */ /* Degraus de superfície: afundado → base → elevado. Nunca cinza chapado — é a progressão de navio que dá a sensação nobre de couro/tinta. */ --color-surface-sunken: #131a26; --color-surface: #1e2839; --color-surface-foreground: #faf7f2; --color-surface-raised: #26334a; --color-border: #68748a; --color-input: #68748a; --color-ring: #c9855f; --color-border-subtle: rgba(220, 225, 230, 0.1); --color-destructive: #e58e7a; --color-destructive-foreground: #18202f; --color-success: #7fc0a3; --color-success-foreground: #10231b; --color-warning: #e0b170; --color-warning-foreground: #2c1f0c; --color-atmosphere-warm: #c9855f; --color-atmosphere-cool: #68748a; --atmosphere-glow-opacity: 0.42; /* @kind other */ --color-spotlight-surface: rgba(201, 133, 95, 0.08); }