/* Sagene Elektro — color tokens
   Profesjonelt, ryddig, tillitsvekkende. Grønn signatur. */

:root {
  /* ---- Brand greens ---- */
  --se-lime: #A4CE3D;          /* light lime — gradient start */
  --se-green-dark: #2B9044;    /* dark green — gradient end */
  --se-green: #2F8B3C;         /* solid action green (buttons, cards) */
  --se-green-hover: #237A30;   /* pressed / hover darken */
  --se-green-accent: #AEE0B4;  /* light accent green */

  /* Signature gradient — used in logo, headers, progress bars */
  --se-gradient: linear-gradient(135deg, var(--se-lime) 0%, var(--se-green-dark) 100%);
  --se-gradient-horizontal: linear-gradient(90deg, var(--se-lime) 0%, var(--se-green-dark) 100%);

  /* ---- Ink / text ---- */
  --se-ink-900: #1F2421;       /* darkest text */
  --se-ink-800: #2C3531;       /* heading text */
  --se-ink-500: #5B6260;       /* muted body / secondary */
  --se-ink-400: #6B7270;       /* subtle / captions */

  /* ---- Surfaces ---- */
  --se-offwhite: #FCFBF9;      /* default page surface */
  --se-green-tint: #E8F1E6;    /* light green panel */
  --se-sand: #F1ECE1;          /* warm neutral panel */
  --se-white: #FFFFFF;

  /* ---- Lines / borders ---- */
  --se-border: #E4E2DC;        /* hairline on off-white */
  --se-border-strong: #D4D1C8;

  /* ---- Semantic status ---- */
  --se-success: #2F8B3C;
  --se-warning: #D9952B;
  --se-danger:  #C2452F;
  --se-info:    #2B7A90;

  /* ---- Tool accents (employee app suite) ----
     Identity ONLY — icon tiles + tool cards on Portal/Admin. Never general UI.
     Each tool: a light "flis" tint (tile/card background) + an icon color.
     Green stays the primary brand/action color everywhere else. */
  --tool-anmeldelser-tile: #FAECD0;   /* gull */
  --tool-anmeldelser-icon: #C98A1E;
  --tool-ik-tile:          #E8F1E6;   /* grønn — = --se-green-tint */
  --tool-ik-icon:          #2F8B3C;   /* = --se-green */
  --tool-laerling-tile:    #D8EFEC;   /* teal */
  --tool-laerling-icon:    #0E9488;
  --tool-admin-tile:       #E7E9F7;   /* indigo */
  --tool-admin-icon:       #5560C0;

  /* ================= Semantic aliases ================= */
  --text-strong: var(--se-ink-900);
  --text-heading: var(--se-ink-800);
  --text-body: var(--se-ink-800);
  --text-muted: var(--se-ink-500);
  --text-subtle: var(--se-ink-400);
  --text-on-green: var(--se-white);

  --surface-page: var(--se-offwhite);
  --surface-card: var(--se-white);
  --surface-green: var(--se-green-tint);
  --surface-sand: var(--se-sand);

  --action-primary: var(--se-green);
  --action-primary-hover: var(--se-green-hover);
  --action-on-primary: var(--se-white);

  --border-default: var(--se-border);
  --border-strong: var(--se-border-strong);
  --focus-ring: var(--se-green);
}