/* CÓPIA de brand/tokens.css. Fonte canônica: E:\PROJETOS\ADIGITALMAX\brand\tokens.css.
   Não edite este arquivo: edite a fonte e copie de novo, para que site e produto
   não divirjam. Comando: cp brand/tokens.css app/site/assets/tokens.css */
/* ============================================================
   AdigitalMAX - Design Tokens
   adigitalmax.com.br | Assinatura eletronica de documentos
   Familia visual: Grupo TrackMax (trackmax.com.br/hub/)

   Base observada no hub: css/main.css?v=8 e <meta name="theme-color">.
   O que veio do hub esta marcado [HUB]; o que e decisao de design
   do AdigitalMAX esta marcado [ADM]. Detalhes em IDENTIDADE.md.
   ============================================================ */

:root {
  /* ---------- Rampa indigo (marca) ----------
     #1A237E e #0D1657 sao literais do hub. Os demais degraus sao
     a rampa Material Indigo a que #1A237E pertence (Indigo 900). */
  --adm-indigo-50:  #E8EAF6; /* [ADM] */
  --adm-indigo-100: #C5CAE9; /* [ADM] aba dobrada do simbolo */
  --adm-indigo-200: #9FA8DA; /* [ADM] */
  --adm-indigo-300: #7986CB; /* [ADM] */
  --adm-indigo-500: #3F51B5; /* [ADM] */
  --adm-indigo-700: #303F9F; /* [ADM] */
  --adm-indigo-800: #283593; /* [ADM] hover */
  --adm-indigo-900: #1A237E; /* [HUB] --tm-blue / theme-color */
  --adm-indigo-950: #0D1657; /* [HUB] --tm-blue-dark */

  /* ---------- Marca ---------- */
  --adm-primary:          var(--adm-indigo-900);
  --adm-primary-hover:    var(--adm-indigo-800);
  --adm-primary-active:   var(--adm-indigo-950);
  --adm-primary-contrast: #FFFFFF;
  --adm-primary-soft:     rgba(26, 35, 126, 0.10); /* [HUB] --tm-blue-soft */
  --adm-primary-glow:     rgba(26, 35, 126, 0.28); /* [HUB] --tm-blue-glow */
  --adm-primary-on-surface: var(--adm-indigo-900);

  /* Vermelho do sufixo MAX. Uso restrito: wordmark, estados
     destrutivos e recusa de assinatura. Nunca em CTA primario. */
  --adm-accent:      #E53935;                  /* [HUB] --tm-red */
  --adm-accent-soft: rgba(229, 57, 53, 0.10);  /* [HUB] --tm-red-soft */
  --adm-accent-contrast: #FFFFFF;

  /* ---------- Superficies (claro) ---------- */
  --adm-bg:            #F2F2F7; /* [HUB] --ios-bg */
  --adm-surface:       #FFFFFF; /* [HUB] --ios-card */
  --adm-surface-2:     #FAFAFC; /* [ADM] */
  --adm-surface-sunken: #EDEDF2; /* [ADM] */
  --adm-overlay:       rgba(13, 22, 87, 0.45); /* [ADM] */

  /* ---------- Texto (claro) ---------- */
  --adm-text:      #1C1C1E; /* [HUB] --ios-text */
  --adm-text-2:    #3A3A3C; /* [HUB] --ios-text-2 */
  --adm-text-3:    #6E6E73; /* [HUB] --ios-text-3 */
  --adm-text-4:    #8E8E93; /* [HUB] --ios-text-4 */
  --adm-text-on-primary: #FFFFFF;

  /* ---------- Bordas ---------- */
  --adm-border:        rgba(60, 60, 67, 0.12); /* [HUB] --ios-divider */
  --adm-border-strong: rgba(60, 60, 67, 0.24); /* [ADM] */
  --adm-focus-ring:    rgba(63, 81, 181, 0.45); /* [ADM] */

  /* ---------- Estados ---------- */
  --adm-success:      #34C759;                  /* [HUB] --ios-green */
  --adm-success-text: #1F8F3F;                  /* [HUB] texto verde do card */
  --adm-success-soft: rgba(52, 199, 89, 0.12);  /* [HUB] */

  --adm-info:         #1FC0EA;                  /* [HUB] --ios-cyan */
  --adm-info-text:    #0A8AAD;                  /* [HUB] texto ciano do card */
  --adm-info-soft:    rgba(31, 192, 234, 0.12); /* [HUB] */

  --adm-warning:      #FF9500;                  /* [ADM] */
  --adm-warning-text: #A85F00;                  /* [ADM] */
  --adm-warning-soft: rgba(255, 149, 0, 0.12);  /* [ADM] */

  --adm-danger:       var(--adm-accent);
  --adm-danger-text:  #C62828;                  /* [ADM] */
  --adm-danger-soft:  var(--adm-accent-soft);

  /* ---------- Estados do ciclo de assinatura ---------- */
  --adm-status-rascunho:  var(--adm-text-4);
  --adm-status-pendente:  var(--adm-warning);
  --adm-status-assinado:  var(--adm-success);
  --adm-status-recusado:  var(--adm-danger);
  --adm-status-expirado:  var(--adm-text-3);
  --adm-status-arquivado: var(--adm-indigo-300);

  /* ---------- Raios ---------- */
  --adm-radius-xs:   8px;    /* [ADM] */
  --adm-radius-sm:   12px;   /* [HUB] --r-ios */
  --adm-radius-md:   20px;   /* [HUB] --r-ios-lg */
  --adm-radius-lg:   28px;   /* [HUB] --r-ios-xl */
  --adm-radius-full: 980px;  /* [HUB] --r-ios-full */

  /* ---------- Sombras ---------- */
  --adm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);              /* [HUB] */
  --adm-shadow-md: 0 6px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);       /* [HUB] */
  --adm-shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, 0.18), 0 8px 16px -4px rgba(15, 23, 42, 0.08); /* [HUB] */
  --adm-shadow-primary: 0 6px 18px var(--adm-primary-glow);                                    /* [HUB] */

  /* ---------- Tipografia ---------- */
  --adm-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
                   "Helvetica Neue", Helvetica, Arial, sans-serif;                              /* [HUB] --font-sf */
  --adm-font-display: "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif;            /* [ADM] wordmark */
  --adm-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
                   "Liberation Mono", monospace;                                                /* [ADM] hash e codigo */

  --adm-fs-xs:   12px;
  --adm-fs-sm:   14px;
  --adm-fs-base: 16px;
  --adm-fs-lg:   18px;
  --adm-fs-xl:   22px;
  --adm-fs-2xl:  28px;
  --adm-fs-3xl:  36px;
  --adm-fs-4xl:  48px;

  --adm-fw-regular:  400;
  --adm-fw-medium:   500;
  --adm-fw-semibold: 600;
  --adm-fw-bold:     700;
  --adm-fw-black:    900;

  --adm-lh-tight: 1.15;
  --adm-lh-base:  1.5;
  --adm-lh-loose: 1.65;

  --adm-ls-title: -0.025em; /* [HUB] titulos do hub */
  --adm-ls-body:  -0.005em; /* [HUB] */
  --adm-ls-eyebrow: 0.06em; /* [HUB] tags e eyebrow */

  /* ---------- Movimento ---------- */
  --adm-ease:      cubic-bezier(0.16, 1, 0.3, 1); /* [HUB] */
  --adm-dur-fast:  160ms;
  --adm-dur-base:  240ms;

  /* ---------- Espacamento ---------- */
  --adm-space-1: 4px;
  --adm-space-2: 8px;
  --adm-space-3: 12px;
  --adm-space-4: 16px;
  --adm-space-5: 24px;
  --adm-space-6: 32px;
  --adm-space-7: 48px;
  --adm-space-8: 64px;

  /* ---------- Marca aplicada ---------- */
  --adm-logo-min-width: 120px; /* lockup horizontal */
  --adm-logo-clear-space: 0.5; /* multiplicador da altura do simbolo */
}

/* ============================================================
   Tema escuro. O hub nao publica variante escura, entao toda
   esta secao e decisao de design do AdigitalMAX [ADM],
   ancorada na mesma rampa indigo e nos sistemicos iOS dark.
   ============================================================ */

@media (prefers-color-scheme: dark) {
  :root {
    --adm-primary:          #8C9EFF;
    --adm-primary-hover:    #A6B4FF;
    --adm-primary-active:   #7986CB;
    --adm-primary-contrast: #0B0E1F;
    --adm-primary-soft:     rgba(140, 158, 255, 0.14);
    --adm-primary-glow:     rgba(63, 81, 181, 0.40);
    --adm-primary-on-surface: #8C9EFF;

    --adm-accent:         #FF6B66;
    --adm-accent-soft:    rgba(255, 107, 102, 0.14);
    --adm-accent-contrast: #0B0E1F;

    --adm-bg:             #0B0E1F;
    --adm-surface:        #151933;
    --adm-surface-2:      #1D2244;
    --adm-surface-sunken: #070915;
    --adm-overlay:        rgba(4, 6, 15, 0.62);

    --adm-text:   #F2F2F7;
    --adm-text-2: #C9CBD6;
    --adm-text-3: #9A9DAE;
    --adm-text-4: #6E7285;
    --adm-text-on-primary: #0B0E1F;

    --adm-border:        rgba(197, 202, 233, 0.14);
    --adm-border-strong: rgba(197, 202, 233, 0.28);
    --adm-focus-ring:    rgba(140, 158, 255, 0.55);

    --adm-success:      #30D158;
    --adm-success-text: #4ADE80;
    --adm-success-soft: rgba(48, 209, 88, 0.16);

    --adm-info:         #64D2FF;
    --adm-info-text:    #7FDBFF;
    --adm-info-soft:    rgba(100, 210, 255, 0.16);

    --adm-warning:      #FF9F0A;
    --adm-warning-text: #FFB84D;
    --adm-warning-soft: rgba(255, 159, 10, 0.16);

    --adm-danger:      #FF6B66;
    --adm-danger-text: #FF8A85;
    --adm-danger-soft: rgba(255, 107, 102, 0.16);

    --adm-status-rascunho:  var(--adm-text-4);
    --adm-status-pendente:  var(--adm-warning);
    --adm-status-assinado:  var(--adm-success);
    --adm-status-recusado:  var(--adm-danger);
    --adm-status-expirado:  var(--adm-text-3);
    --adm-status-arquivado: #9FA8DA;

    --adm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.30);
    --adm-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.45), 0 2px 4px rgba(0, 0, 0, 0.30);
    --adm-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.60), 0 8px 16px -4px rgba(0, 0, 0, 0.40);
    --adm-shadow-primary: 0 6px 18px rgba(63, 81, 181, 0.45);
  }
}

/* Override manual, para quando o app oferecer seletor de tema.
   Precisa vir depois do bloco @media para vencer a preferencia do SO. */

:root[data-theme="light"] {
  color-scheme: light;
  --adm-primary:          #1A237E;
  --adm-primary-hover:    #283593;
  --adm-primary-active:   #0D1657;
  --adm-primary-contrast: #FFFFFF;
  --adm-primary-soft:     rgba(26, 35, 126, 0.10);
  --adm-primary-glow:     rgba(26, 35, 126, 0.28);
  --adm-primary-on-surface: #1A237E;
  --adm-accent:      #E53935;
  --adm-accent-soft: rgba(229, 57, 53, 0.10);
  --adm-accent-contrast: #FFFFFF;
  --adm-bg:             #F2F2F7;
  --adm-surface:        #FFFFFF;
  --adm-surface-2:      #FAFAFC;
  --adm-surface-sunken: #EDEDF2;
  --adm-overlay:        rgba(13, 22, 87, 0.45);
  --adm-text:   #1C1C1E;
  --adm-text-2: #3A3A3C;
  --adm-text-3: #6E6E73;
  --adm-text-4: #8E8E93;
  --adm-text-on-primary: #FFFFFF;
  --adm-border:        rgba(60, 60, 67, 0.12);
  --adm-border-strong: rgba(60, 60, 67, 0.24);
  --adm-focus-ring:    rgba(63, 81, 181, 0.45);
  --adm-success: #34C759; --adm-success-text: #1F8F3F; --adm-success-soft: rgba(52, 199, 89, 0.12);
  --adm-info:    #1FC0EA; --adm-info-text:    #0A8AAD; --adm-info-soft:    rgba(31, 192, 234, 0.12);
  --adm-warning: #FF9500; --adm-warning-text: #A85F00; --adm-warning-soft: rgba(255, 149, 0, 0.12);
  --adm-danger:  #E53935; --adm-danger-text:  #C62828; --adm-danger-soft:  rgba(229, 57, 53, 0.10);
  --adm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
  --adm-shadow-md: 0 6px 16px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.04);
  --adm-shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, 0.18), 0 8px 16px -4px rgba(15, 23, 42, 0.08);
  --adm-shadow-primary: 0 6px 18px rgba(26, 35, 126, 0.28);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --adm-primary:          #8C9EFF;
  --adm-primary-hover:    #A6B4FF;
  --adm-primary-active:   #7986CB;
  --adm-primary-contrast: #0B0E1F;
  --adm-primary-soft:     rgba(140, 158, 255, 0.14);
  --adm-primary-glow:     rgba(63, 81, 181, 0.40);
  --adm-primary-on-surface: #8C9EFF;
  --adm-accent:      #FF6B66;
  --adm-accent-soft: rgba(255, 107, 102, 0.14);
  --adm-accent-contrast: #0B0E1F;
  --adm-bg:             #0B0E1F;
  --adm-surface:        #151933;
  --adm-surface-2:      #1D2244;
  --adm-surface-sunken: #070915;
  --adm-overlay:        rgba(4, 6, 15, 0.62);
  --adm-text:   #F2F2F7;
  --adm-text-2: #C9CBD6;
  --adm-text-3: #9A9DAE;
  --adm-text-4: #6E7285;
  --adm-text-on-primary: #0B0E1F;
  --adm-border:        rgba(197, 202, 233, 0.14);
  --adm-border-strong: rgba(197, 202, 233, 0.28);
  --adm-focus-ring:    rgba(140, 158, 255, 0.55);
  --adm-success: #30D158; --adm-success-text: #4ADE80; --adm-success-soft: rgba(48, 209, 88, 0.16);
  --adm-info:    #64D2FF; --adm-info-text:    #7FDBFF; --adm-info-soft:    rgba(100, 210, 255, 0.16);
  --adm-warning: #FF9F0A; --adm-warning-text: #FFB84D; --adm-warning-soft: rgba(255, 159, 10, 0.16);
  --adm-danger:  #FF6B66; --adm-danger-text:  #FF8A85; --adm-danger-soft:  rgba(255, 107, 102, 0.16);
  --adm-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.40), 0 1px 2px rgba(0, 0, 0, 0.30);
  --adm-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.45), 0 2px 4px rgba(0, 0, 0, 0.30);
  --adm-shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.60), 0 8px 16px -4px rgba(0, 0, 0, 0.40);
  --adm-shadow-primary: 0 6px 18px rgba(63, 81, 181, 0.45);
}