/* ============================================================
   Prometheon brand tokens
   ============================================================

   Prometheon's own values, on top of the Elioplus design system.

   The generic layers - the primitive ramps and the semantic roles they feed -
   now live in Elioplus.DesignSystem and are linked before this file. Anything
   here either adds a token the system has no opinion about, or deliberately
   names a Prometheon concept.

   Because this file is linked after the system's tokens.css, it can also
   override any --ds-* semantic. It currently does not: Prometheon uses the
   system's palette as-is, and the values below are additional.
   ============================================================ */
:root {
    /* Prometheon brand. Product-specific: these do not belong to the shared system. */
    --prometheon-hero-bg:       var(--ds-primary);
    --prometheon-hero-gradient: linear-gradient(180deg, #2f6fe4 0%, #4f8fdc 100%);

    /* The decorative brand gradient, used for avatars, the auth icon, the company
       logo placeholder and the onboarding tour. It was a purple #667eea -> #764ba2
       that belonged to no palette; it now runs across the brand's own two accents. */
    --prometheon-brand-gradient: linear-gradient(135deg, var(--ds-primary) 0%, var(--ds-secondary) 100%);
}

/* The public marketing pages - /tenders, /companies, a company profile, /it-suppliers
   and the landing page - were built against a navy-leaning palette of their own, not
   against the grey ramp the signed-in app uses. Fifty-one literals across nine files
   repeated the same five values.

   They are named here rather than folded into --ds-*, because they are NOT the same
   values: #1d2340 is not --ds-text-primary (#111827) and #e2e5eb is not --ds-border
   (#e5e7eb). Collapsing them would be a visible change to public, indexed pages, and
   that is a product decision, not a refactor. Naming them first is what makes that
   decision possible to take later in one place - and it marks them, for the design
   system extraction, as Prometheon's, not the system's. */
:root {
    --pp-title:        #1d2340;  /* page and hero titles */
    --pp-heading:      #1f2553;  /* section and card headings, and the dark solid button */
    --pp-border:       #e2e5eb;  /* the edge of a card */
    /* One value, two jobs, kept as two names so they can diverge the way the --ds-*
       line and surface roles already have. */
    --pp-divider:      #f0f1f4;  /* an inner hairline */
    --pp-surface-alt:  #f0f1f4;  /* a filled strip or sunken panel */
    --pp-accent-hover: #4a5cc8;  /* hover of the indigo action button */
}

/* Landing page and /it-suppliers token set, originally from prometheon-preview.css.
   It is a real production contract for those two pages and its values are its own -
   --dp-primary is not --ds-primary, --dp-text is not --ds-text-body. They are kept
   verbatim here and are aliased onto the semantic layer only where the value is
   genuinely identical, so nothing on those pages moves. */
:root {
  --dp-primary:        #2F7EDA;
  --dp-primary-dark:   #2165BB;
  --dp-bg:             #FCFCFC;
  --dp-surface:        var(--ds-surface);
  --dp-surface-alt:    #F6F8FA;
  --dp-border:         #E3E4E6;
  --dp-text:           #333333;
  --dp-text-secondary: #6B7280;
  --dp-text-muted:     #9CA3AF;
  --dp-success:        #22C55E;
  --dp-danger:         var(--ds-red-500);

  --dp-radius-sm: var(--ds-radius-sm);
  --dp-radius-lg: 14px;

  --dp-shadow:    0 1px 4px rgba(0,0,0,0.06), 0 2px 8px rgba(0,0,0,0.04);
  --dp-shadow-md: var(--ds-shadow-md);

  --dp-font: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
}