@import "tailwindcss";


 @import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

    * {
      font-family: 'Vazirmatn', Tahoma, sans-serif;
      -webkit-tap-highlight-color: transparent;
    }

    html,
    body {
      height: 100%;
      overscroll-behavior: none;
    }

    .safe-top {
      padding-top: env(safe-area-inset-top, 0px);
    }

    .safe-bottom {
      padding-bottom: env(safe-area-inset-bottom, 16px);
    }

    .tab-bar {
      padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 4px);
    }

    input,
    select,
    textarea {
      -webkit-appearance: none;
      appearance: none;
    }

    .card {
      border-radius: 16px;
      transition: background .2s;
    }

    .btn-primary {
      border-radius: 14px;
      font-weight: 600;
      transition: opacity .15s, transform .1s;
      active: scale-95;
    }

    .btn-primary:active {
      transform: scale(.97);
    }

    .sheet {
      border-radius: 24px 24px 0 0;
    }

    ::-webkit-scrollbar {
      display: none;
    }

    .slide-up {
      animation: slideUp .25s cubic-bezier(.4, 0, .2, 1);
    }

    @keyframes slideUp {
      from {
        transform: translateY(20px);
        opacity: 0
      }

      to {
        transform: translateY(0);
        opacity: 1
      }
    }

    /* Light mode */
    .light {
      --bg: #f2f2f7;
      --card: #ffffff;
      --card2: #f9f9fb;
      --border: #e5e5ea;
      --text: #1c1c1e;
      --text2: #6c6c70;
      --text3: #aeaeb2;
      --accent: #007aff;
      --green: #34c759;
      --red: #ff3b30;
      --amber: #ff9500;
      --purple: #af52de;
      --cyan: #32ade6;
      --tabbar: #ffffffee;
      --input: #f2f2f7;
    }

    /* Dark mode */
    .dark {
      --bg: #000000;
      --card: #1c1c1e;
      --card2: #2c2c2e;
      --border: #38383a;
      --text: #ffffff;
      --text2: #aeaeb2;
      --text3: #636366;
      --accent: #0a84ff;
      --green: #30d158;
      --red: #ff453a;
      --amber: #ff9f0a;
      --purple: #bf5af2;
      --cyan: #64d2ff;
      --tabbar: #1c1c1eee;
      --input: #2c2c2e;
    }

    body {
      background: var(--bg);
      color: var(--text);
    }

    .c-card {
      background: var(--card);
    }

    .c-card2 {
      background: var(--card2);
    }

    .c-input {
      background: var(--input);
      color: var(--text);
    }

    .c-border {
      border-color: var(--border);
    }

    .c-text2 {
      color: var(--text2);
    }

    .c-text3 {
      color: var(--text3);
    }

    .c-accent {
      color: var(--accent);
    }

    .c-green {
      color: var(--green);
    }

    .c-red {
      color: var(--red);
    }

    .c-amber {
      color: var(--amber);
    }

    .c-purple {
      color: var(--purple);
    }

    .c-cyan {
      color: var(--cyan);
    }

    .c-tabbar {
      background: var(--tabbar);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
    }

    .c-bg {
      background: var(--bg);
    }

    .c-border-b {
      border-bottom: 1px solid var(--border);
    }

    .c-border-t {
      border-top: 1px solid var(--border);
    }

    /* Modal overlay */
    .modal-bg {
      background: rgba(0, 0, 0, .5);
      backdrop-filter: blur(4px);
    }