/* AHLab brand tokens — shared design language with ice2026.designthinking.lk
   source: https://cdn.ahlab.org/ (v1.0.0) */
:root {
  /* Accent */
  --color-accent:        #6100FF;
  --color-accent-dark:   #4400B3;
  --color-accent-light:  #904DFF;
  --gradient-start:      #00D7EE;
  --gradient-end:        #6100FF;
  --gradient-brand:      linear-gradient(221deg, #00D7EE 0%, #6100FF 100%);

  /* Neutrals */
  --color-neutral-10:  #FFFFFF;
  --color-neutral-20:  #F4F7F9;
  --color-neutral-30:  #EDF0F3;
  --color-neutral-40:  #C9D8E3;
  --color-neutral-60:  #AAAFB6;
  --color-neutral-70:  #838D95;
  --color-neutral-80:  #5E6875;
  --color-neutral-100: #0E0F11;

  /* Typography — Neue Haas Grotesk via Adobe Fonts kit zws2qzx */
  --font-display: "neue-haas-grotesk-display", "Helvetica Neue", -apple-system, "Segoe UI", sans-serif;
  --font-text:    "neue-haas-grotesk-text", "Helvetica Neue", -apple-system, "Segoe UI", sans-serif;

  /* Derived semantic tokens */
  --bg:            var(--color-neutral-10);
  --bg-subtle:     var(--color-neutral-20);
  --border:        var(--color-neutral-30);
  --border-strong: var(--color-neutral-40);
  --text:          var(--color-neutral-100);
  --text-body:     var(--color-neutral-80);
  --text-muted:    var(--color-neutral-70);
  --text-faint:    var(--color-neutral-60);
  --surface:       #FFFFFF;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 28px;
  --shadow-sm: 0 1px 2px rgba(14, 15, 17, 0.05);
  --shadow-md: 0 6px 24px -8px rgba(14, 15, 17, 0.12);
  --shadow-lg: 0 16px 48px -12px rgba(68, 0, 179, 0.18);
}

/* Day/night cross-fade while switching themes */
html.theme-fade,
html.theme-fade *,
html.theme-fade *::before,
html.theme-fade *::after {
  transition:
    background-color 0.4s ease,
    color 0.4s ease,
    border-color 0.4s ease,
    fill 0.4s ease,
    stroke 0.4s ease,
    box-shadow 0.4s ease !important;
}

:root[data-theme="dark"] {
  /* At night the purple loses contrast — the brand's cyan carries the accent. */
  --color-accent:       #00D7EE;
  --color-accent-dark:  #00B7CC;
  --color-accent-light: #5EE6F5;
  --bg:            #121316;
  --bg-subtle:     #1B1D22;
  --border:        #262930;
  --border-strong: #3A3F48;
  --text:          #F2F4F7;
  --text-body:     #B7BEC8;
  --text-muted:    #8A939D;
  --text-faint:    #646D78;
  --surface:       #17181C;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 6px 24px -8px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 16px 48px -12px rgba(0, 0, 0, 0.65);
}