/* ==========================================================================
   Rei do Celular WAOTP — Design Tokens
   v1.3.912.500 · Abril 2026
   --------------------------------------------------------------------------
   Fundação visual do plugin alinhada com o Design System Rei do Celular v1.0.

   Esses tokens são uma cópia local dos tokens do tema. Quando o tema "Rei do
   Celular Theme" estiver ativo, suas variáveis (--rdc-*) sobrepõem essas
   declarações pois o tema é carregado depois — comportamento desejado.

   Se o tema NÃO estiver ativo (operação standalone do plugin), esses
   fallbacks garantem que o plugin permanece visualmente coerente.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {

  /* --------------------------------------------------------------------------
     CORES — paleta canônica
     Proporção rígida: 70% creme · 25% preto · 5% âmbar
     -------------------------------------------------------------------------- */

  /* Trio primário */
  --rdc-color-preto:        #0A0A0A;
  --rdc-color-creme:        #FAF8F5;
  --rdc-color-ambar:        #B45309;

  /* Neutros de apoio */
  --rdc-color-tinta:        #1F1F1F;
  --rdc-color-cinza:        #6B6B6B;
  --rdc-color-cinza-claro:  #D4D0CB;
  --rdc-color-creme-escuro: #F0EBE3;
  --rdc-color-branco:       #FFFFFF;

  /* Semânticas */
  --rdc-color-sucesso:      #15803D;
  --rdc-color-erro:         #B91C1C;

  /* Hovers */
  --rdc-color-ambar-hover:  #92400E;
  --rdc-color-preto-hover:  #1F1F1F;

  /* --------------------------------------------------------------------------
     ALIASES SEMÂNTICAS
     -------------------------------------------------------------------------- */
  --rdc-bg:               var(--rdc-color-creme);
  --rdc-bg-elevated:      var(--rdc-color-creme-escuro);
  --rdc-bg-input:         var(--rdc-color-branco);
  --rdc-bg-inverse:       var(--rdc-color-preto);

  --rdc-fg:               var(--rdc-color-preto);
  --rdc-fg-secondary:     var(--rdc-color-tinta);
  --rdc-fg-muted:         var(--rdc-color-cinza);
  --rdc-fg-disabled:      var(--rdc-color-cinza-claro);
  --rdc-fg-inverse:       var(--rdc-color-creme);
  --rdc-fg-accent:        var(--rdc-color-ambar);

  --rdc-border:           var(--rdc-color-cinza-claro);
  --rdc-border-strong:    var(--rdc-color-preto);
  --rdc-border-accent:    var(--rdc-color-ambar);

  --rdc-fg-success:       var(--rdc-color-sucesso);
  --rdc-fg-error:         var(--rdc-color-erro);

  /* --------------------------------------------------------------------------
     TIPOGRAFIA — famílias
     -------------------------------------------------------------------------- */
  --rdc-font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --rdc-font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --rdc-font-mono:    ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, monospace;

  /* --------------------------------------------------------------------------
     TIPOGRAFIA — escala desktop
     -------------------------------------------------------------------------- */
  --rdc-fs-display-1:  64px;
  --rdc-fs-display-2:  48px;
  --rdc-fs-h1:         36px;
  --rdc-fs-h2:         28px;
  --rdc-fs-h3:         22px;
  --rdc-fs-h4:         18px;
  --rdc-fs-body:       16px;
  --rdc-fs-body-sm:    14px;
  --rdc-fs-caption:    12px;
  --rdc-fs-eyebrow:    11px;

  /* Pesos */
  --rdc-fw-regular:    400;
  --rdc-fw-medium:     500;
  --rdc-fw-semibold:   600;
  --rdc-fw-bold:       700;

  /* Line heights */
  --rdc-lh-tight:      1.15;
  --rdc-lh-snug:       1.3;
  --rdc-lh-normal:     1.5;
  --rdc-lh-relaxed:    1.6;

  /* Letter spacing */
  --rdc-ls-display:    -0.01em;
  --rdc-ls-normal:     0;
  --rdc-ls-eyebrow:    0.08em;
  --rdc-ls-caps:       0.04em;

  /* --------------------------------------------------------------------------
     ESPAÇAMENTO — escala 8pt
     -------------------------------------------------------------------------- */
  --rdc-space-1:    4px;
  --rdc-space-2:    8px;
  --rdc-space-3:    12px;
  --rdc-space-4:    16px;
  --rdc-space-5:    20px;
  --rdc-space-6:    24px;
  --rdc-space-8:    32px;
  --rdc-space-10:   40px;
  --rdc-space-12:   48px;
  --rdc-space-16:   64px;
  --rdc-space-20:   80px;
  --rdc-space-24:   96px;
  --rdc-space-32:   128px;

  /* --------------------------------------------------------------------------
     RAIOS
     -------------------------------------------------------------------------- */
  --rdc-radius-sm:    2px;
  --rdc-radius-md:    4px;
  --rdc-radius-lg:    8px;
  --rdc-radius-pill:  9999px;

  /* --------------------------------------------------------------------------
     ELEVAÇÃO
     -------------------------------------------------------------------------- */
  --rdc-shadow-none:  none;
  --rdc-shadow-soft:  0 4px 24px rgba(10, 10, 10, 0.06);
  --rdc-shadow-modal: 0 20px 60px rgba(10, 10, 10, 0.15);

  /* --------------------------------------------------------------------------
     MOVIMENTO
     -------------------------------------------------------------------------- */
  --rdc-ease:             cubic-bezier(0.16, 1, 0.3, 1);
  --rdc-duration-fast:    150ms;
  --rdc-duration-normal:  200ms;
  --rdc-duration-slow:    300ms;

  /* --------------------------------------------------------------------------
     CONTAINER
     -------------------------------------------------------------------------- */
  --rdc-container-max:    1200px;
  --rdc-container-narrow: 720px;
}

/* --------------------------------------------------------------------------
   TIPOGRAFIA — escala mobile (≤640px)
   -------------------------------------------------------------------------- */
@media (max-width: 640px) {
  :root {
    --rdc-fs-display-1: 40px;
    --rdc-fs-display-2: 32px;
    --rdc-fs-h1:        28px;
    --rdc-fs-h2:        22px;
    --rdc-fs-h3:        18px;
    --rdc-fs-h4:        16px;
    --rdc-fs-body:      15px;
    --rdc-fs-body-sm:   13px;
  }
}