/* YGRA Universal Supli — brand design tokens
   Colors taken from the company logo: deep navy/royal blue + sun-orange. */

:root {
  /* Brand */
  --ygra-blue:        #16217B;   /* navy from logo lettering */
  --ygra-blue-dark:   #0E1657;
  --ygra-blue-soft:   #2c3aa6;
  --ygra-orange:      #F7941D;   /* sun-orange from logo */
  --ygra-orange-soft: #FBB040;
  --ygra-orange-dark: #d97a09;

  /* Neutrals */
  --ink:        #1a1d29;         /* body text */
  --ink-soft:   #5a6072;         /* muted text */
  --line:       #e4e8f2;         /* borders */
  --bg:         #ffffff;
  --bg-soft:    #f4f7fb;         /* alternating section band */
  --bg-navy:    #0E1657;         /* dark sections / footer */

  /* Effects */
  --shadow:     0 10px 34px rgba(22, 33, 123, 0.10);
  --shadow-sm:  0 4px 14px rgba(22, 33, 123, 0.08);
  --radius:     18px;
  --radius-sm:  12px;
  --max:        1160px;

  /* Type */
  --sans:    "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --heading: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}