import { css } from "lit";

export const light = css`
  :host([theme="light"]) {
    /*Boutons*/
    --sc-primary: var(--sc-base-800);
    --sc-info: #2563eb;
    --sc-danger: #f43f5e;
    --sc-warning: #f97316;
    --sc-success: #14b8a6;

    --sc-primary-content: var(--sc-base, #fff);
    --sc-info-content: var(--sc-base, #fff);
    --sc-danger-content: var(--sc-base, #fff);
    --sc-warning-content: var(--sc-base, #fff);
    --sc-success-content: var(--sc-base, #fff);

    /*Bases*/
    --sc-base: #fff;
    --sc-base-50: #f8fafc;
    --sc-base-100: #f1f5f9;
    --sc-base-200: #e2e8f0;
    --sc-base-300: #cbd5e1;
    --sc-base-400: #94a3b8;
    --sc-base-500: #64748b;
    --sc-base-600: #475569;
    --sc-base-700: #334155;
    --sc-base-800: #1e293b;
    --sc-base-900: #0f172a;
    --sc-base-content: var(--sc-base-700);
  }
`;