/* assets/css/theme.css */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;750&display=swap");

:root{
  --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-heading: "Inter", var(--font);
}

/* assets/css/theme.css */
:root[data-theme="itc-dark"]{
  --bg:#0b1220;
  --panel:#0f1a2e;
  --accent:#ffc107;
  --accent-2:#3aa0ff;
  --text:#e6e7e7;
  --muted: rgba(144, 149, 158, 0.7);
  --border: rgba(11,18,32,0.12);
  --hero-grad-1: rgba(13,110,253,0.08);
  --hero-grad-2: rgba(25,135,84,0.06);
  
  --accent: #ffc107;     /* primary accent */
  --accent-2: #3aa0ff;   /* secondary accent */
  --danger: #ff5a5f;
  --success: #2dd4bf;

  /* Typography */
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-heading: var(--font);

  /* Layout tokens */
  --radius: 14px;
  --shadow: 0 10px 28px rgba(0,0,0,0.35);

  --max: 1120px;
  --pad: 18px;

  /* Effects */
  --glass: rgba(11,18,32,0.7);
  --panel-glass: rgba(15,26,46,0.72);
  --hover: rgba(231,237,247,0.06);

  /* Optional: hero background */
  --hero-grad-1: rgba(58,160,255,0.18);
  --hero-grad-2: rgba(255,193,7,0.12);
}

:root[data-theme="itc-light"]{
  --bg:#f7f9fc;
  --panel:#ffffff;
  --text:#0b1220;
  --muted: rgba(11,18,32,0.7);
  --border: rgba(11,18,32,0.12);
  --accent:#0d6efd;
  --accent-2:#198754;
  --hero-grad-1: rgba(13,110,253,0.08);
  --hero-grad-2: rgba(25,135,84,0.06);


  --accent: #ffc107;     /* primary accent */
  --accent-2: #3aa0ff;   /* secondary accent */
  --danger: #ff5a5f;
  --success: #2dd4bf;

  /* Typography */
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-heading: var(--font);

  /* Layout tokens */
  --radius: 14px;
  --shadow: 0 10px 28px rgba(0,0,0,0.35);

  --max: 1120px;
  --pad: 18px;

  /* Effects */
  --glass: rgba(11,18,32,0.7);
  --panel-glass: rgba(15,26,46,0.72);
  --hover: rgba(231,237,247,0.06);

  /* Optional: hero background */
  --hero-grad-1: rgba(58,160,255,0.18);
  --hero-grad-2: rgba(255,193,7,0.12);
}
