/* ════════════════════════════════════════════════════════════════════════
   CoraLink Design Tokens — espelha src/CoraLink.Admin/wwwroot/css/tokens.css.
   Mantenha em sincronia com admin/native para preservar identidade visual.
   ════════════════════════════════════════════════════════════════════════ */

:root {
    /* Primárias coral */
    --cora-primary:       #FF7F50;
    --cora-primary-dark:  #F56A3D;
    --cora-primary-light: #FF9E7A;
    --cora-primary-soft:  #FFEFE6;
    --cora-on-primary:    #FFFFFF;

    /* Gradiente CTA */
    --cora-gradient:       linear-gradient(135deg, #FF7F50, #F56A3D);
    --cora-gradient-soft:  linear-gradient(135deg, #FFEFE6, #FFD9C5);
    --cora-gradient-hero:  linear-gradient(160deg, #FFF7F2 0%, #FFFFFF 55%, #FFF1E8 100%);

    /* Texto / superfícies */
    --cora-text:        #1F262D;
    --cora-text-soft:   #5C6770;
    --cora-muted:       #8B95A1;
    --cora-surface:     #F6F7F9;
    --cora-surface-alt: #FAFBFC;
    --cora-card:        #FFFFFF;
    --cora-border:      #E6E9EC;
    --cora-border-soft: #F0F2F5;
    --cora-divider:     #EDEFF2;

    /* Estados */
    --cora-success:      #0FB67A;
    --cora-success-soft: #E2F7EE;
    --cora-warning:      #F2A93B;
    --cora-warning-soft: #FFF2DE;
    --cora-danger:       #E5484D;
    --cora-danger-soft:  #FCE8E9;
    --cora-info:         #0F7FE8;
    --cora-info-soft:    #E1EEFC;

    /* Tipografia — fonte do sistema, igual ao Native/Admin */
    --cora-font-display: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --cora-font-body:    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Spacing / radius / shadow */
    --cora-radius:      14px;
    --cora-radius-sm:   10px;
    --cora-radius-lg:   18px;
    --cora-radius-xl:   24px;
    --cora-radius-pill: 999px;
    --cora-shadow:      0 4px 20px rgba(31,38,45,0.06), 0 1px 3px rgba(31,38,45,0.04);
    --cora-shadow-lg:   0 12px 36px rgba(31,38,45,0.10);
    --cora-shadow-xl:   0 24px 64px rgba(245,106,61,0.18), 0 4px 12px rgba(31,38,45,0.06);

    /* Container */
    --cora-container:   1180px;

    /* Header */
    --cora-header-h:    72px;
}