/* ============================================================
   CIPTA KRIYA ENGINEERING — COLOR TOKENS
   Palette derived from the corporate logo:
   azure-cyan gear · lime-leaf green · navy ink.
   ============================================================ */

:root {
  /* ---- Brand: Engineering Blue (the gear / cyan-azure) ---- */
  --cke-blue-50:  #ecf8fc;
  --cke-blue-100: #cfedf7;
  --cke-blue-200: #a3dcee;
  --cke-blue-300: #6dc6e2;
  --cke-blue-400: #3fb1d6;
  --cke-blue-500: #2299c4;   /* PRIMARY — matches logo gear */
  --cke-blue-600: #167ea7;
  --cke-blue-700: #156888;
  --cke-blue-800: #17556f;
  --cke-blue-900: #16475d;

  /* ---- Brand: Leaf Green (the leaf / growth) ---- */
  --cke-green-50:  #f3f8e9;
  --cke-green-100: #e3efc8;
  --cke-green-200: #cbe293;
  --cke-green-300: #afd055;
  --cke-green-400: #93bb39;
  --cke-green-500: #74a22b;   /* SECONDARY — matches logo leaf */
  --cke-green-600: #5a8121;
  --cke-green-700: #46641d;
  --cke-green-800: #3a511c;
  --cke-green-900: #31451b;

  /* ---- Brand: Lime accent (the bright leaf highlight) ---- */
  --cke-lime: #b6d335;

  /* ---- Brand: Navy Ink (the wordmark) ---- */
  --cke-navy-50:  #eef3f7;
  --cke-navy-100: #d3dfe9;
  --cke-navy-200: #9fb4c6;
  --cke-navy-300: #6b86a0;
  --cke-navy-400: #3f5e7c;
  --cke-navy-500: #234763;
  --cke-navy-600: #18374f;
  --cke-navy-700: #122b3f;   /* primary heading ink */
  --cke-navy-800: #0d2030;
  --cke-navy-900: #081621;

  /* ---- Neutral: Steel grays (industrial, slightly cool) ---- */
  --cke-steel-0:   #ffffff;
  --cke-steel-25:  #fbfcfd;
  --cke-steel-50:  #f5f7f9;
  --cke-steel-100: #eceff2;
  --cke-steel-200: #dde2e7;
  --cke-steel-300: #c4ccd4;
  --cke-steel-400: #9aa5b1;
  --cke-steel-500: #6f7c8a;
  --cke-steel-600: #515c69;
  --cke-steel-700: #3c454f;
  --cke-steel-800: #2a313a;
  --cke-steel-900: #1a1f25;

  /* ---- Semantic ---- */
  --cke-success:    #2e9c4f;
  --cke-success-bg: #e7f5ec;
  --cke-warning:    #d8932a;
  --cke-warning-bg: #fbf1de;
  --cke-danger:     #cf3b3b;
  --cke-danger-bg:  #fbe9e9;
  --cke-info:       var(--cke-blue-500);
  --cke-info-bg:    var(--cke-blue-50);

  /* ============================================================
     SEMANTIC ALIASES — reference these in product code
     ============================================================ */

  /* Brand roles */
  --color-primary:        var(--cke-blue-500);
  --color-primary-hover:  var(--cke-blue-600);
  --color-primary-active: var(--cke-blue-700);
  --color-secondary:        var(--cke-green-500);
  --color-secondary-hover:  var(--cke-green-600);
  --color-accent:         var(--cke-lime);

  /* Text */
  --text-strong:    var(--cke-navy-700);
  --text-body:      var(--cke-steel-700);
  --text-muted:     var(--cke-steel-500);
  --text-subtle:    var(--cke-steel-400);
  --text-on-brand:  #ffffff;
  --text-link:      var(--cke-blue-600);

  /* Surfaces */
  --surface-page:    var(--cke-steel-50);
  --surface-card:    var(--cke-steel-0);
  --surface-raised:  var(--cke-steel-0);
  --surface-sunken:  var(--cke-steel-100);
  --surface-inverse: var(--cke-navy-700);
  --surface-brand:   var(--cke-blue-500);
  --surface-tint:    var(--cke-blue-50);

  /* Borders */
  --border-subtle:  var(--cke-steel-200);
  --border-default: var(--cke-steel-300);
  --border-strong:  var(--cke-steel-400);
  --border-brand:   var(--cke-blue-500);

  /* Focus ring */
  --ring-brand: color-mix(in srgb, var(--cke-blue-500) 45%, transparent);
}