/**
 * ============================================
 * ALLIANZ GI DEAL INTELLIGENCE - STYLESHEET
 * ============================================
 *
 * This stylesheet contains all custom styles for the Deal Intelligence portal.
 * It works in conjunction with Tailwind CSS for utility classes.
 *
 * Contents:
 *   1. Font Definitions
 *   2. Brand Color Reference (for Tailwind config)
 *   3. Base Styles
 *   4. Component Styles
 *   5. Status & Priority Indicators
 *   6. Interactive Elements
 *
 * Last updated: 2026-02-03
 */


/* ============================================
   1. FONT DEFINITIONS
   ============================================
   Allianz Neo is the official Allianz brand typeface.
   Loaded from allianzgi.com CDN with four weights.
*/

@font-face {
    font-family: 'Allianz Neo';
    src: url('https://www.allianzgi.com/assets/fonts/allianz-neo/AllianzNeo-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('https://www.allianzgi.com/assets/fonts/allianz-neo/AllianzNeo-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('https://www.allianzgi.com/assets/fonts/allianz-neo/AllianzNeo-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Allianz Neo';
    src: url('https://www.allianzgi.com/assets/fonts/allianz-neo/AllianzNeo-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* ============================================
   2. BRAND COLOR REFERENCE
   ============================================
   These colors are defined in Tailwind config.
   Reference only - actual values set in tailwind.config.

   Primary Brand Colors:
   ---------------------
   allianz-blue:    #003781  - Primary brand blue, headers, titles
   action-blue:     #007AB3  - Interactive elements, links, CTAs

   Accent Colors:
   --------------
   allianz-orange:  #F86200  - Attention, warnings
   allianz-green:   #3DA556  - Success, positive indicators
   allianz-teal:    #00A19A  - LtH badge, ESG category
   allianz-magenta: #A41F6E  - IM badge, Governance category

   Status Colors:
   --------------
   status-proceed:  #3DA556  - Green - Proceed, approved, strong
   status-gates:    #F5A623  - Amber - Proceed with conditions, gating
   status-info:     #757575  - Gray - Informational, standard priority
   status-stop:     #D32F2F  - Red - Do not proceed, fast-kill

   Background Colors:
   ------------------
   bg-light:        #F5F7FA  - Page background
   bg-section:      #E8F4F8  - Section highlight background
*/


/* ============================================
   3. BASE STYLES
   ============================================ */

body {
    font-family: 'Allianz Neo', 'Helvetica Neue', Arial, sans-serif;
}


/* ============================================
   4. COMPONENT STYLES
   ============================================ */

/**
 * Citation Links
 * Used for evidence references in report content.
 * Displays as [xxxx] with clickable behavior.
 */
.citation {
    cursor: pointer;
    color: #007AB3; /* action-blue */
    font-weight: 600;
}

.citation:hover {
    text-decoration: underline;
}


/* ============================================
   5. STATUS & PRIORITY INDICATORS
   ============================================
   Used in Disclosure Assessment gaps to indicate
   diligence priority level via left border color.
*/

/**
 * Fast-kill Priority
 * Highest priority - would definitively stop the deal if unresolved.
 * Used sparingly (max 1-2 per report).
 */
.priority-fast-kill {
    border-left-color: #D32F2F; /* status-stop */
}

/**
 * Gating Priority
 * Must be cleared early before full budget commitment.
 */
.priority-gating {
    border-left-color: #F5A623; /* status-gates */
}

/**
 * Standard Priority
 * Normal due diligence item, not blocking.
 */
.priority-standard {
    border-left-color: #757575; /* status-info */
}


/* ============================================
   6. INTERACTIVE ELEMENTS
   ============================================ */

/**
 * Smooth scroll behavior for anchor navigation
 */
html {
    scroll-behavior: smooth;
}

/**
 * Focus states for accessibility
 */
button:focus-visible,
[role="button"]:focus-visible {
    outline: 2px solid #007AB3;
    outline-offset: 2px;
}


/* ============================================
   TAILWIND CONFIG REFERENCE
   ============================================
   Copy this into the Tailwind config script tag:

   tailwind.config = {
       theme: {
           extend: {
               colors: {
                   'allianz-blue': '#003781',
                   'action-blue': '#007AB3',
                   'allianz-orange': '#F86200',
                   'allianz-green': '#3DA556',
                   'allianz-teal': '#00A19A',
                   'allianz-magenta': '#A41F6E',
                   'status-proceed': '#3DA556',
                   'status-gates': '#F5A623',
                   'status-info': '#757575',
                   'status-stop': '#D32F2F',
                   'bg-light': '#F5F7FA',
                   'bg-section': '#E8F4F8',
               },
               fontFamily: {
                   'allianz': ['"Allianz Neo"', 'Helvetica Neue', 'Arial', 'sans-serif'],
               }
           }
       }
   }
   ============================================ */